首页 理论教育 更赞的UI设计:PhotoshopAPP设计从入门到精通

更赞的UI设计:PhotoshopAPP设计从入门到精通

时间:2023-11-21 理论教育 版权反馈
【摘要】:配色是设计中永恒的话题。图127 点睛色2.APP色彩运用原理手机APP界面要给人简洁整齐、条理清晰的感觉,依靠的是界面元素的排版和间距设计,以及色彩的合理、舒适度搭配,如图128所示。图128 色彩的搭配其色彩运用原理如下色调的统一:针对软件类型及用户工作环境选择恰当的色调,比如绿色体现环保、紫色代表浪漫、蓝色表现时尚等。

更赞的UI设计:PhotoshopAPP设计从入门到精通

配色是设计中永恒的话题。在手机APP界面设计中,色彩是很重要的一个UI设计元素合理地搭配色彩能够制作出震撼的视觉效果,设计出吸引人的焦点。

1.APP中的三色构成

APP色彩搭配方案是由主色、辅助色和点缀色构成的。

主色:主色约占75%,是决定画面风格趋向的色彩。主色并不是只能有一个颜色,它可以是一种色调,一般为同色系或邻近色的1~3个,如图1‑25所示。

978-7-111-54283-4-Chapter01-34.jpg

图1‑25 主色

辅助色:辅助色约占20%,辅助色用于辅助主色,使画面更完美、更丰富、更显优势,如图1‑26中所示的白色、灰色为辅助色。

978-7-111-54283-4-Chapter01-35.jpg

图1‑26 辅助色

点睛色:点睛色约占5%,起到引导阅读、装饰画面、营造独特画面风格的作用,如图1‑27所示,左图中的蓝色、黄色和绿色为点睛色,中间图和右图中的红色为点睛色。

978-7-111-54283-4-Chapter01-36.jpg

图1‑27 点睛色(www.xing528.com)

2.APP色彩运用原理

手机APP界面要给人简洁整齐、条理清晰的感觉,依靠的是界面元素的排版和间距设计,以及色彩的合理、舒适度搭配,如图1‑28所示。

978-7-111-54283-4-Chapter01-37.jpg

图1‑28 色彩的搭配

其色彩运用原理如下

色调的统一:针对软件类型及用户工作环境选择恰当的色调,比如绿色体现环保、紫色代表浪漫、蓝色表现时尚等。淡色系让人舒适,而背景为暗色可以不让人觉得累。

色盲、色弱用户:在进行设计的时候,不要忽视了色盲、色弱群体。所以在进行界面设计的时候,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊指示符、着重号,以及图标等。

颜色方案的测试:颜色方案的测试是必须的,因为显示器显卡的问题,色彩的表现在每台机器中都不一样,所以应该经过严格测试,通过不同机器去进行颜色测试。

遵循对比原则:对比原则很简单,就是在浅色背景上使用深色文字,在深色背景上使用浅色文字。比如,蓝色文字在白色背景中容易识别,而在红色背景则不易分辨,原因是红色和蓝色没有足够的反差,但蓝色和白色反差很大。除非场合特殊,一般不使用对比强烈、让人产生憎恶感的颜色。

色彩类别的控制:整个界面的色彩尽量少使用类别不同的颜色,以免眼花缭乱,使整个界面出现混杂感

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈