收藏本站 关于我们

超全面!界面视觉设计 5 要素

发布时间:2017-12-19 16:23:37   来源:   人气:0

前言:界面视觉设计包含 5 个要素:色彩、文字、图标、图片、空间。一个出色的界面设计,必然是将这些要素做到了淋漓尽致。

\

色相(H):即色彩的相貌、种类和名称,比如红、橙、黄、绿等颜色的种类就叫色相。

饱和度(S):即色彩的鲜艳程度,也称纯度。

明度(B):即色彩的明亮程度。


人眼看到的任一彩色光都是这三个属性的综合效果。



1.2 色彩寓意


同一色相的不同明度和不同饱和度,也会对人产生不同的心理感受。我在这里归纳整理了各种色彩在通常情况下代表的不同寓意,仅供参考。


红色(Red):热烈、喜庆、热情、浪漫、危险

橙色(Orange):温暖、食物、友好、财富、警告

黄色(Yellow):光辉、明亮、尊贵、权力

绿色(Green):健康、自然、清新、希望、安全

青色(Cyan):朝气、脱俗、真诚、清丽

蓝色(Blue):平静、纯洁、清凉、科技、沉稳

紫色(Purple):神秘、高贵、优雅、浪漫、妖艳

黑色(Black):深沉、庄重、严肃、邪恶、死亡

白色(White):纯洁、神圣、干净、高雅、冷淡

灰色(Gray):平凡、随意、苍老、冷漠



2. 色彩搭配


色相对比:两种及两种以上色彩组合后,由于色相差别而形成的色彩对比效果称为色相对比。

色相对比的强弱程度,取决于色相之间在色环上的距离 (角度),距离 (角度) 越大对比越强,反之对比越弱。


\




文章小结



1. 色彩


色相、明度、饱和度是色彩的三个属性,不同的色彩具有不同的心理寓意,选色时需考虑产品的调性和受众人群;色环上距离(角度)越大的颜色对比效果越强,反之对比效果越弱,设计时应采用合适的色彩搭配。



2. 字体


黑体、宋体等是常用的中文字体,而衬线体和无衬线体是常用的西文字体;不同平台的界面设计会有不同的字体使用规范;另外,设计时需注意字号、字重以及行间距的设置,以达到最佳的阅读体验。



3. 图标


图标可以辅助信息文字的传达,也可以对界面起到修饰作用;功能型和展示型是图标的两大类型;不同风格的图标传递出不同的视觉语言,根据场景的需要进行合适的选择,并保持风格的一致性。

 


4. 图片


不同比例的图片所传递的主要信息各不相同,设计时需要结合产品的特点,并根据不同的要求来选择合适的图片比例;图片的排版类型有很多种,根据不同的场景和所需传递的主体信息来选择与之相符的展现方式。


5. 空间


使用栅格系统,可以让界面的信息呈现更加美观、易读和规范,设计时可以采用「8像素」栅格规则来指导元素尺寸和间距的制定;层次感、焦点、韵味、呼吸是留白的四个属性,留白的表现形式需结合品牌的属性来选择。


-----


文末附上一段正能量语录:


在任何领域,如果想要有所成就,都需要超越极限的学习,都需要孜孜以求的探索,都需要殚精竭虑的思考,都需要无数次失败和成功的实践。没有人可以超越学习、思考和实践成为一个真正的高手。



感谢你的阅读。



本文来自PS教程网www.46PS.com,转载请注明!关键词:超全面!界面视觉设计5要素教程N


PS教程