不可忽视的构图

本篇文章根据课程所学及大佬言论加个人理解总结而成,仅供学习,侵删

概述

2007年iPhone手机发售,2008年7月11日 App store上线,UI行业诞生中国大约12年iPhone4进入中国后。

Image title

主流手机机型:苹果发布的前一代手机

ios设计三大原则:

1.清晰:整个系统中,文字的每一个尺寸都是清晰易读的,图标精确而清晰,装饰精巧而适合,是的用户更易理解功能,保证色彩在任何情况下都可以辨识,同时关注色盲人群的体验

2.排版:贯穿4大原则,对其/重复/亲密/对比图形,无论多么精彩的图形都不可代替文字、留白不要用过多的字体,精简自己的设计元素,给更好的信息让路

3.依从:字体最小不得小于11(规范网址:https://developer.apple.com/design/tips/)深度使用不同的视觉层级和真实的运动效果来传达层次的感觉赋予界面活力,并促进用户的理解


构图

构图在UI设计中构图的作用:构建和谐稳定的页面布局

1.稳定性:对成平衡的形态在视觉上有自然、安定、均匀、协调、整齐、典雅、庄重的朴素美感,很符合人们的视觉习惯。

Image title

2.强点优先:画面中人的眼睛是天生强点,画面中一个人,那么人脸是天生强点,画面中明暗交接初是天生强点,最常见的法线是黄金分割线

3.均势画面保持视觉重心,确保设计中的区域不存在偏差。每一种元素都彼此相连,组成一个无缝衔接的整体

4.格式塔原理:

人类视觉是整体的,我们的视觉系统自动对视觉输入构建结构,并在神经系统层面上感知形状、图形和物体,而不是只看到互不相连的边、线和区域。

(1)简单

简单原理暗合构图法制,例如最常见的三角形构图,均衡构图、对阵构图,向心式构图(圆形)、对角线、X型构图等,其目的都是为了在复杂的信息环境中,构建更易懂的整体

(2)相似

我们的眼睛很容易关注那些外表相似的物体,且不管他们的位置是不是相邻,总是把他们联系起来

Image title

(3)接近

单个视觉元素之间无限接近,视觉上会形成一个较大的整体。距离近的单个视觉元素会融为一个整体,而单个元素的个性就会减弱

Image title

(4)闭合

人们在观察熟悉的视觉形象设计师,会把不完整的局部形象当作一个整体的形象来感知,这种知觉上的结束,称之为闭合。如果局部形象过于陌生或者简略,则不会产生整体闭合联想。

Image title

(5).连续性

我们倾向于完整地连接一个图形,而不是观察残缺的线条或形状,尽管线条受其他线条阻断,却仍像未阻断或仍然连续着一样为人们所经验到。

设计四大原则

《写给大家的设计书》

(1)亲密性原则:彼此相关的项应该靠近

(2)对齐原则:元素围绕轴区环绕会使界面更加有秩序(3)重复原则:视觉要素在画面中重复出现,增加条理性和统一性

(4)对比原则:不相同,那就干脆让他们不同色彩一款app颜色应该不超过三个色系,分别为主色、辅色和点缀色。主色(75%)决定了界面的风格趋向;辅(20%)使界面丰富;点缀色(5%)引导阅读,装饰画面协调感协调感是人类胜利和心理安全感的需求,也是保障受众长时间持久阅读的色彩学保障。同一色同类色相邻色中消色

构图(部分重点记录)

警告窗:想让用户点击的放在右边

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)