手机版学校入驻客服中心网站导航

欢迎来到重庆天琥设计培训学校!

咨询热线

重庆UI设计培训学校 如何定义UI设计视觉规范(APP)

来源:重庆天琥设计培训学校    时间:2017/5/16 16:22:43

  重庆天琥教育--如何定义UI设计视觉规范?(APP)

  常用的手机APP设计工具:

  Sketch:常用来制作线框、界面,偶尔绘制图形。MAC电脑专用移动APP设计软件。也是一款设计APP界面的软件。

  Illustrator & Photoshop:用作图标设计、图形绘制、照片编辑等。

  墨刀、axure & After Effect:用来制作交互复杂的产品原型。

  阶段:概念设计和原型设计

  包括脑图设计、线框图的设计等等 。

  2第二阶段:视觉定义阶段。

  确定了使用哪些字体、颜色、布局、形状等元素。

  也属于创意阶段,这个是定义手机APP视觉规范的个步骤。或者说是雏形阶段。

  主要页面的布局与视觉风格需要反复尝试才能找出适合目标用户,并且能从竞品中脱颖而出的一套。

  3第三阶段:界面产出阶段。

  即产出数页的高精度视觉APP设计稿,即大家熟知的首页、设置、好友列表、个人资料、关注、启动页、引导页等等。

  一旦手机APP视觉语言确认,我们就可以据此制作一个单独文档来搞定APP视觉规范!

  1步,设定颜色、主字体、图形、边距、留白。

  2第二步,开始设定更精细的原子:标题、文本字体、按钮和输入框。

  3后,在故事板中制作基本的文本和图层:

  方法/步骤3

  1然后通过右键给它们赋予预设的样式。

  2矩形会自动嵌套预设的风格样式,正如你手动编辑过该标签一样。通过设置边距,按钮会根据标签文本的长度自动适应,通过留白设置可以将故事板内部元素自动对齐。

  3我们还可以设置更复杂的组织(例如导航栏)来保持各处的一致性。

  方法/步骤4

  在此基础上可以添加更多功能,使得通过设置每个元素来自动生成页面、列表、卡片成为可能。改动设计设定会自动应用到

  所有元素上。这样能够很方便的测试不同的颜色、字体风格等等的效果。

  制作界面模板套件将不费吹灰之力,通过预设原生组件就能实现。

  3UI设计专业的知识点十分杂乱分散,同时UI设计领域正在飞速发展,也许我们还没完全领悟一项新的设计技巧就已经过时了。因此,对于UI设计专业的人来说,当务之急就是要掌握基本的设计技能及设计理论知识,如今掌握基本专业技能和知识直接的途径就是接受培训,培训基地凭借其过硬的培训实力深受社会大众欢迎。除此以外,我们还可以自学,自学成才的例子也不少,但是这要求学习者具备较强的自学能力及自控力。


  若想了解更多关于重庆UI设计培训的请关注重庆UI设计培训学校http://87.peixun360.com/,0元获取相关学习资料。
  咨询热线:400-888-3854 联系QQ:2327842345
  电话预约更多惊喜等着你~

联系方式

选择专业时,如果犹豫不定,不知道选择哪个比较好,敬请致电,专业的咨询老师会为你解答。

  • 报名热线:400-035-8011
  • 咨询老师:王老师
  • 点击咨询:

常见问题

没有想要的答案?马上提问

电脑版|手机版

版权所有: 郑州天华信息技术有限公司