网页设计界面中,如何做到保持整站的协调性?
优加是一直坚持以用户体验为核心的设计团队,界面设计的直观、简洁、规范、操作方便快捷是我们的准则。
为什么要建立UI设计的一致性?
为了让用户能够轻易上手,减少用户认知负苛 ,我们可以在设计系统的时候运用一些比较常用的图标,比如:在系统中无论哪个运用程序右上角那个“X”就是关闭的意思,无须多思考。我们的用户是忙碌的,没有耐心,也不愿意花更多时间来学习如何使用您的产品上。所以,在设计中保持一致性是至关重要,同时,也要压缩点击环节,一道流程不超过3次点击完成,这也是特定情况下用户行为使用习惯的模式,所以要遵循设计准则,关注用户的感觉和品牌认知,根据特定场景去创新。
颜色、布局、字体大小的一致性
1、颜色要使用一致的配色方案,确定好主题色、错误提示色、标题色等。因为一个项目的长期迭代会有多人合作项目,每个人思路跟对元素都会做出不同方案,这个时候就需要有设计规范来定义这些基本元素,做出统一性的产品。
2、布局/排版,遵循优化设计原则,导航路径清晰可见,每个层次的导航一定要区分清楚,二者不可混用,排版布局上尽量遵循格式塔心理学原理。
3、字体—不要超过3种字体,那样你的界面看起来会很不统一。一个网站使用一种字体贯穿整个产品设计,字体大小运用重复的原则。
图标控件的一致性
保证功能相同图标元素一直,包含大小、粗细、风格等多方面都需要保持一致。
视觉上一致的界面设计,不仅能够让品牌拥有统一的视觉语言,产生竞拍区分,还能强化品牌调性。避免用户对其他品牌的混淆,培养用户对品牌的信任感,减轻视觉使用压力。有效的UI设计可以从根本改变用户体验,提升产品应用率。