导图社区 设计师必备设计原理
下图梳理了设计师必备设计原理,包括亲密性、对齐、对比、重复、层级嵌套、防错机制、入口唯一性、导航清晰等。
社区模板帮助中心,点此进入>>
设计师必备设计原理
亲密性:将信息按逻辑进行分组,确定这些组之间的关系,并通过组之间的亲密性来显示这些关系。
a.界面设计中的接近原则是对相似的信息及功能类别进行分组、布局。它在界面中的作用能够直接影响到用户与产品的视觉交流,借此引导用户的浏览及操作行为。因此,相关的内容和功能应该彼此靠近,而关联性较弱的应该保持距离
b.留白(负空间)在界面中发挥着至关重要的作用,因为它能够引导用户眼睛的朝向,并且可以用于区分视觉层次,有助于提高阅读体验。在日常设计中,我们面对信息比较少的,可以多使用留白来排版,根据信息之间的关系进行分类,让信息看起来更有秩序。
对齐:在页面上组织文本和图片时,要建立并维护明确的对齐。
对比:除非你已经决定要建立一个非常协调的设计,否则就应该建立强烈对比,吸引读者的视线。
大小对比
前后对比
虚实对比
位置对比
材质对比
透明度对比
颜色对比
明暗对比
形状对比
方向对比
聚散对比
动静对比
重复:为建立重复,可以使用粗字体、线、装饰符号或者某种空间布局。看看哪些元素已经自然地重复,再看看是否适合加大重复力度。
层级嵌套:分清楚层级关系,不可混淆。常见导航层级关系。
防错机制。:避免用户踩坑,提示到位。 在设计过程中,要注意从用户出发,开动之前脑袋里过一遍用户使用场景,预测到他们有可能发生错误操作,操作前友好提醒、操作中实时感知、操作后及时反馈。
操作前
(1)详尽的说明文字,突出显示
(2)当结果不可逆时,询问用户让其知道操作的后果
(3)选项比输入更简单,并提供默认选项
操作中
(1)对用户的操作进行视觉化呈现,并及时回馈
(2)适当限制用户的某些交互操作
操作后
(1)错误发生时,即使反馈错误并提供纠错帮助
(2)允许用户犯错,并支持操作可逆(既撤销以前的指令)
入口唯一性。入口不要太多,因为选择多,用户反而要做判断,增加记忆造成压力。入口清晰用户才知道自己所在的位置。
导航清晰。随时随刻都要让用户知道,自己所处的位置
突出:其实跟对比有点相似,重要的功能要突出明显的位置或者加深颜色或者形状大。如何判断哪些功能要求突出,看用户使用的频率。
间隔:设计不能太密集,留间隔,让用户有呼吸感。
色彩心理学定义
黑色:精致和力量 白色:干净、精致、纯洁 红色:勇气、激励、力量;也能激发欲望 蓝色:冷静、安定、信任、安全 黄色:乐观、欢乐 绿色:平衡、可持续的增长 紫色:皇权、精神意识、奢华 橙色:友谊、舒适、食物 粉色:平静、女性化