设计语言(规范)
发布网友
发布时间:2024-04-27 02:09
我来回答
共1个回答
热心网友
时间:2024-04-27 20:01
对内,很多设计团队都有这种状况,每一个页面或者功能类似模块(按钮)尺寸、颜色、大小不一样,个性化(设计师个人主观经验设计)比较严重,导致风格层次不齐,缺乏统一性,设计语言(规范)能解决统一性和效率,避免开发工程师重复开发。
对外,统一的品牌符号、 特征、有助于加深产品在用户心中得印象,统一的颜色和交互形式也能加深用户对产品的熟悉感和信任感。
颜色、按钮、 字体、 品牌、一致性能给用户带来安全感,提高用户对产品的印象,同时也能解决设计界面风格不统一问题。
a.产品要给用户传递的设计特征和原则是什么
b.平台约束力是什么
例如,平台特征年轻、活泼、那我们设计规范对应的就是:圆角按钮、渐变色。
设计师就要按照这个约束进行下去设计,不能用方形或者直角图形,因为和整个设计风格不匹配。
提升效率,一些经常用到的可以复制的模块内容(如:颜色、按钮、分割线、图标、字体、tab、表单等)提前统一并做好,能大大减少重复性设计,把时间放在提升设计品质上,还有把对于基础的颜色、字体、间距也可以提前开发好,减少重复性开发。
各种不同平台上(如:各种屏幕、 平板、笔记本、各种手机等)必须保证统一的设计风格。
a.设计原则
统一:那个设计都应该统一,不能有太多个性差异化特征。
关于内容: 用户应更多关注内容,而不是设计本身。
确定性: 减少不确定的因素和预期。
设计三大元素:色彩、字体、图形。
首先定义好整个系统的色彩架构体系,围绕这些色彩进行设计,色彩:品牌色、辅助色、字体黑白灰、不可用的、超链接、成功或者失败等。
空白页图形定义,
图标风格定义、色彩风格
头像,定义了有五官和无五官风格,
整个规范的正确与错误的示范
图标规范。
栅格为了保证页面更好,和统一性的布局。
栅格系统又分最小单位和间距,在airbnb中对于间距,运用了8的倍数(如8.16.32.64),所有规范都有弹性。
界面中出现最多的就是字体,除了传统意义上的大小之外,还有字间距、 行间距、字体颜色等
字体界面中什么场景用多大字号,对应的字间距,行间距等等。
什么时候用品牌色,成功,错误,超链接等。
投影要去定义不同强度、透明度。
图片和文字在界面中如何处理,多色调运用,不同图片放什么样的字,需要详细定义。
设计是一个很复杂的过程,需要慢慢累积。
一般设计完成后,对于基础颜色,字体不要经常变动,(至少保证这些元素一年内不要频繁变动)。