bv1946伟德体育-体育betvictro伟德

bv1946伟德体育视点
bv1946伟德体育>bv1946伟德体育视点>移动端界面中的版式策划原理
移动端界面中的版式策划原理
发表时间:2018-07-25

1. 信息的排布

对尽数信息进行排布的时候,起首必需要把握的是对齐/重复/亲密/对比,贯穿策划的四大原则。

对齐除了能建立一种清晰精巧的外观,还能方便开发的实现。基于从左上至右下的阅读习惯,移动端界面中始末的排布一贯使用左对齐和居中对齐,表单填写的输入项使用右对齐。























策划和做其他事情一样,也要有轻重缓急之分,不要让用户去找细节/需要care的区域,应该让用户流畅地接收到吾们想要传达的要紧的信息。重复和对比是一套组合拳,让策划中的视觉圆素在整个策划中重复出现既能增加条理性也可以加强统一性,降低用户吟味的难度。so在需要突出细节的时候就可以使用对比的手法, 诸如图片大小的不同或者颜色的不同表示强调,让用户直观地感受到最要紧的信息。










































在排布复杂信息的时候,但若无规则地排布so文本的可读性就会降低。组织信息可以按照亲密性的原则,把彼此相关的信息靠近,归组在一起。如果多个项竞相之间存在很近的亲密性,它们就会成为一个视觉单圆,而不是多个孤立的圆素。这有助于减少混乱,为读者供给清晰的结构。
























在策划表达的时候,一定要揣摩始末的易读性。适当使用图形可以增加易读性和策划感,而且图形的理解比文字更高效。那些用文字方式表现时显得冗长的说明,一旦换成可视化的表现方式也会变得简明清晰,可视化的图形可以将说明/标题/数值这种比较生硬的始末,以比较柔和的方式呈现出来。

























2. 图片的使用

App的页面结构和文本细目之下,就要开始安排图标/按钮/图片的安排了,这时页面也就从单纯文本的“阅读”型结构调整为“观看”型结构,对于页面的易读性以及页面整体的成果会产生巨大的影响。页面中图片所占的比率叫做图版率,一贯环境下降低图版率会给人一种宁静典雅、高等级的感觉。提升图版率会有充满活力,使画面有富有感染力的成果。






















实际中也跟选取图片的圆素/色调/表达出来的情感有关系,合适的图片也能散发出整个应用的气质,直接传达给人“高等级”,“平民化”,“友好”等不同的感觉。






















在始末比较少但是又想提高版面率的话可以采取应用一些色块,或者抽象化模拟现实存在的物件, 诸如电影票,书本纸张,优惠券,便签等的成果,使界面更友好也降低空洞的感觉。通过这种方式也可以改动页面所呈现出的视觉感受,只是这种方法最多改动页面的色调/质感,并不能改改动“阅读”始末的比例,这点是需要care的。










































3. 颜色的使用

不同的颜色可以带给用户不同的感觉,这点应该是常识。在移动端界面中一贯需要选取主色,准则色,点晴色。移动端与网页端稍微不同,主色虽然是决定了画面性状style的色彩但是往往不会被大面积的使用。一贯在导航栏/部分按钮/icon/特殊页面等区域出现,会有点晴,定调的感化。统一的主色调也能让用户找到直营感的归属, 诸如网易红/腾讯蓝/京东红/阿里橙等等。准则色指的是整套移动界面的色彩规范,细目文本/线段/图标/背下等等的颜色。点晴色一贯会用在标题文本/按钮/icon等区域,一贯起强调和引导阅读的感化。

主色在决定上可能不止一个,点睛色一贯也由两三个颜色组成,准则色更是一套从强到弱的准则群,so在点晴色与主色,主色与主色之间的决定上便有不同的方法。第一种是邻近色配色(色相环上邻近的颜色),这种方法比较常用因为色相柔和过渡也非常自然。



























第二种是同色系配色(色相一致,饱和度不同),主色和点晴色都在统一的色相上,给用户一种一致化的感受。



























第三种是点亮色配色,主色用相对沉稳的颜色,点晴色采取应用一个高亮的颜色,起带动页面气氛,强调细节的感化。

























第四种是中性色配色,用一些中性的色彩为基调搭配,弱化干扰。这种方法在移动端是最常见的方法。

























还有一些渐变,明暗调对比,多色搭配等方法在这里不一一说明,您感受一下。







































——转载于“优设”,编辑:3年2班程远


XML 地图 | Sitemap 地图