更新时间:2022-10-31 来源:黑马程序员 浏览量:
设计风格可以理解为美的不同视觉表现形式。在UI设计中,统一设计风格能给用户呈现整体一致的视觉体验,既有利于传达产品整体的品牌形象,又方便设计团队制定设计规范,减少设计风格不一致带来的沟通成本。因此确定设计风格往往是UI设计的第一步工作。确定设计风格主要包括以下几个步骤。
1.寻找产品特性
每个产品都有自己的特性,表现产品特性的词汇也有很多,例如柔美、轻巧、阳刚、张扬、热情、神秘、高贵、环保、科技、时尚等,每个产品特性都会有着对应的视觉语言。例如,下图所示为某发型设计App的部分展示页面。
发型设计App界面
该款App整个界面采用灰黑色调,区别于五光十色的大众发廊形象,彰显高端品位。
2.确定主色调
在进行UI设计时,必须为产品确定一个主色调,然后根据主色调搭配不同的辅助色,设计各种颜色控。主色调是视觉风格中的灵魂,更是一种可以强化的视觉识别信号,让用户只通过主色调就能识别产品的特性。例如,食品类App界面大多使用红色、橙色、黄色等暖色系颜色作为主色调,如下图所示。
食品类App界面
3.选择图标和字体
在UI设计,设计风格还反映在图标和字体的选择上。例如,纤细的图标和字体显得设计高雅适用于高端类产品,而卡通图标和字体更适用于少儿类型产品的界面设计。然而困扰设计师的是移动端系统自带的中文较少,而且没什么特色。因此内嵌字体成为一些追求完美的设计师的首选。
4.排版设计
排友设计是指在有限的版面空间,将UI设计元素按照所要表现的设计风格进行编排组合,形成一个富有艺术美的整体形象,如下图所示。
【AI设计】北京143期毕业仅36天,全员拿下高薪offer!黑马AI设计连续6期100%高薪就业
2025-09-19【跨境电商运营】深圳跨境电商运营毕业22个工作日,就业率91%+,最高薪资达13500元
2025-09-19【AI运维】郑州运维1期就业班,毕业14个工作日,班级93%同学已拿到Offer, 一线均薪资 1W+
2025-09-19【AI鸿蒙开发】上海校区AI鸿蒙开发4期5期,距离毕业21天,就业率91%,平均薪资14046元
2025-09-19【AI大模型开发-Python】毕业33个工作日,就业率已达到94.55%,班均薪资20763元
2025-09-19【AI智能应用开发-Java】毕业5个工作日就业率98.18%,最高薪资 17.5k*13薪,全班平均薪资9244元
2025-09-19