UI作品的第一步:设计风格确定

Date 2024-07-04 14:24:36

  设计风格可以理解为不同的视觉表达形式。在用户界面设计中,统一的设计风格可以向用户呈现整体一致的视觉体验,不仅有利于传达产品的整体品牌形象,而且方便设计团队制定设计规范,降低不一致设计风格带来的沟通成本。因此,确定设计风格通常是用户界面设计的第一步。确定设计风格主要包括以下步骤。

  1.寻找产品特性

  每个产品都有自己的特点,有很多词来表达产品的特点,如柔软、轻盈、阳刚、宣传、热情、神秘、高贵、环保、技术、时尚等,每个产品的特点都会有相应的视觉语言。例如,下图显示了一个发型设计应用程序的部分显示页面。

发型设计APP界面

  App界面的发型设计

  整个App界面采用灰黑色调,不同于五颜六色的大众发廊形象,彰显高端品位。

  2.确定主色调

  在UI设计中,必须确定产品的主色调,然后根据主色调设计各种颜色控制。主色调是视觉风格的灵魂,但也是一种可以加强的视觉识别信号,使用户只能通过主色调来识别产品的特征。例如,食品应用程序界面主要使用红色、橙色、黄色等暖色作为主色调,如下图所示。

主色调

  食品App界面

  3.选择图标和字体

  在UI设计中,设计风格也反映在图标和字体的选择上。例如,纤细的图标和字体设计优雅,适合高端产品,卡通图标和字体更适合儿童产品的界面设计。然而,困扰设计师的是,移动终端系统的中文较少,没有特点。因此,嵌入式字体已成为一些追求完美的设计师的首选。

  4.排版设计

  排友设计是指在有限的布局空间内,根据要表达的设计风格,将UI设计元素进行排列和组合,形成具有艺术美的整体形象,如下图所示。

排版设计

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计