APP开发中版面设计的原理:
1.信息的布局
在排列任何信息时,首先要掌握的是对齐/重复/亲密/对比,贯穿设计的四大原则。对齐不仅能建立清晰精致的外观,而且便于实现开发。基于从左到右的阅读习惯,移动界面的内容布局通常采用左对齐和中间对齐,表单填写的输入项采用右对齐。
设计和做其他事情一样,也要有优先事项。不要让用户找到重点/需要注意的地方,而是要让用户流利地接收到我们想要传达的重要信息。重复和比较是一套组合拳,使设计中的视觉元素在整个设计中重复出现,既能增加组织性,又能增强统一性,降低用户认知难度。然后在需要突出重点的时候,可以使用对比技术,比如强调图片大小或颜色的差异,让用户直观的感受到最重要的信息。
在排列复杂信息时,如果没有规则的排列,文本的可读性就会降低。组织信息可以根据亲密性的原则将相关信息放在一起。如果多个项目彼此非常亲密,它们将成为视觉单元,而不是多个孤立的元素。这有助于减少混乱,为读者提供清晰的结构。
在设计和表达时,我们必须考虑内容的可读性。适当使用图形可以增加可读性和设计感,对图形的理解比文本更有效。一旦可视化的表达方式变得简洁明了,可视化的图形可以以更柔和的方式呈现生硬的内容,如说明/标题/数值。
2.图片的使用
App确定页面结构和文本后,将开始安排图标/按钮/图片。此时,页面将从简单的文本中获得“阅读”型结构调整为“观看”类型结构将对页面的可读性和页面的整体效果产生巨大的影响。页面中图片的比例称为图片版本率,通常降低图片版本率会给人一种安静、优雅、先进的感觉。提高图片版本率将充满活力,使图片具有吸引力的效果。
实际上,它也与选择图片的元素/色调/表达的情感有关。合适的图片也能散发出整个应用的气质,直接传达给人“高级”,“平民化”,“友好”等待不同的感觉。
如果内容较少但想提高布局率,可以使用一些色块或抽象模拟真实物体,如电影票、书籍、纸张、优惠券、笔记等,使界面更友好,减少空虚感。这样也可以改变页面的视觉体验,但这种方法最多可以改变页面的色调/纹理,而不是改变“阅读”要注意内容的比例。
3.使用颜色
不同的颜色可以给用户带来不同的感受,这应该是常识。在移动终端界面中,通常需要选择主色、标准色和晴色。移动终端与网页终端略有不同。虽然主色决定了画面风格的颜色,但往往不会大面积使用。通常在导航栏/部分按钮/icon/当特殊页面和其他地方出现时,它们会有点阳光明媚。统一的主色调也能让用户找到品牌感的归属,如网易红/腾讯蓝/京东红/阿里橙等。标准颜色是指整个移动界面的颜色规格,以确定文本/线段/图标/背景等的颜色。标题文本/按钮/按钮/按钮/icon等等,通常起到强调和引导阅读的作用。
主色可能有不止一种选择,点睛之笔的颜色通常由两三种颜色组成,标准颜色是一套由强到弱的标准群体,所以在点晴和主色、主色和主色之间有不同的选择方法。第一种是相邻颜色匹配(相邻颜色),这种方法更常用,因为柔和的色调过渡也非常自然。
二是同色系配色(色调一致,饱和度不同),主色和点晴色都在统一的色调上,给用户一种一致的感觉。
第三种是亮色配色,主色相对平静,亮色,带动页面氛围,强调重点。
第四种是中性配色,以一些中性配色为基调,弱化干扰。这种方法是移动终端最常见的方法。
还有一些渐变、明暗对比、多色搭配等方法在这里不一一解释,你感觉一下。