更新时间:2022-10-31 来源:黑马程序员 浏览量:
设计风格可以理解为美的不同视觉表现形式。在UI设计中,统一设计风格能给用户呈现整体一致的视觉体验,既有利于传达产品整体的品牌形象,又方便设计团队制定设计规范,减少设计风格不一致带来的沟通成本。因此确定设计风格往往是UI设计的第一步工作。确定设计风格主要包括以下几个步骤。
1.寻找产品特性
每个产品都有自己的特性,表现产品特性的词汇也有很多,例如柔美、轻巧、阳刚、张扬、热情、神秘、高贵、环保、科技、时尚等,每个产品特性都会有着对应的视觉语言。例如,下图所示为某发型设计App的部分展示页面。
发型设计App界面
该款App整个界面采用灰黑色调,区别于五光十色的大众发廊形象,彰显高端品位。
2.确定主色调
在进行UI设计时,必须为产品确定一个主色调,然后根据主色调搭配不同的辅助色,设计各种颜色控。主色调是视觉风格中的灵魂,更是一种可以强化的视觉识别信号,让用户只通过主色调就能识别产品的特性。例如,食品类App界面大多使用红色、橙色、黄色等暖色系颜色作为主色调,如下图所示。
食品类App界面
3.选择图标和字体
在UI设计,设计风格还反映在图标和字体的选择上。例如,纤细的图标和字体显得设计高雅适用于高端类产品,而卡通图标和字体更适用于少儿类型产品的界面设计。然而困扰设计师的是移动端系统自带的中文较少,而且没什么特色。因此内嵌字体成为一些追求完美的设计师的首选。
4.排版设计
排友设计是指在有限的版面空间,将UI设计元素按照所要表现的设计风格进行编排组合,形成一个富有艺术美的整体形象,如下图所示。