020-29815005
预约专线时间:09:00-23:59

【UI设计培训】手绘表达如何呈现界面设计的视觉效果?

新闻来源:本站 日期:2021-12-29
手绘表达如何呈现界面设计的视觉效果,能提高用户的操作兴趣,增强用户的体验性及舒适性,使界面设计更加系统化、人性化是我们设计的重点。从美观性及良好的视觉体验上看,UI界面设计的手绘表达主要围绕三个层级来体现。
  手绘表达如何呈现界面设计的视觉效果,能提高用户的操作兴趣,增强用户的体验性及舒适性,使界面设计更加系统化、人性化是我们设计的重点。从美观性及良好的视觉体验上看,UI界面设计的手绘表达主要围绕三个层级来体现。


【UI设计培训】手绘表达如何呈现界面设计的视觉效果?

  第一层级

  第一层级可以围绕主视觉内容绘制高保真界面6-8个,常见界面包括且不限于:登陆、注销、设置等基础界面其余大多界面要围绕软件功能绘制。

  ▷UI界面优秀设计作品

  在设计时切记UI界面的设计原则:

  1.保持字体及颜色一致,避免一套主题出现多个字体。

  2.保持页面内元素对齐方式的一致,如无特殊情况应避免同一页面出现多种数据对齐方式。

  无论是在文本中心,还是偏左,或者是沿着一个文件的右侧对齐,文本的对齐相当重要,可以极大地影响可读性。一般而言,文本习惯向左对齐,因为它反映了你的阅读方式–从左至右。你熟悉每一行开始和结束的地方。

  3.保持语言的一致性,如“确定”对应“取消”,“是”对应“否”。

  4.确认操作按钮放置左边,取消或关闭按钮放置于右边。

  第二层级

  第二层级可以用LOGO、图标或者用户画像及情绪板来表达。

  LOGO

  LOGO常见绘制效果有三种:平面图形与文字结合或是纯文字、正负形效果以及扁平图形,需要注意的是线条的工整性与网格系统的严谨性,运用标准的几何图形通过各种剪切相交负形或是组合拼接形成的图形而产出。关于LOGO的手绘表达,我们之前的文章里有详细的阐述。

  图标

  图标作为界面重要工具,它的设计效果影响着操控体验,在对其进行设计时,要注意使其风格与整体格调保持一致,达到整个界面的统一和谐。当然,也可以适当加入交互时的反馈效果,强化其表现力使用户无障碍融入到交互情境中。

  图标与LOGO的绘制方式大同小异。但与LOGO不同的是,图标体积小巧,它的设计要求更加精确,需要让它所代表的功能以更加一目了然的形式,呈现在用户面前。可以说,它比起LOGO而言功能性更加直接。

  用户画像

  用户画像也叫人物角色,它的形象主要来源于通过用户分析后,抽象加工后形成的一系列特征标签。人物形象可以从主视觉画面中挑选适当加入数据图,数据图不要使用视觉效果过于简单的条形图或是折线图,如果画面还有空间基于软件功能可以再加入一部分与软件界面相关联的智能外设界面,其大体视觉效果要求与软件界面相似。


以上就是优漫教育小编为大家介绍的“UI设计培训】手绘表达如何呈现界面设计的视觉效果?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解。