滁州UI高端设计培训和平面设计有什么区别

更新时间:2020-07-275次浏览| 信息编号:j192125  
管理信息
 | 投诉
  • 营业时间:08:00-24:00
  • 地址:滁州市万尚城三楼上元教育
  • 联系人:季老师
  • 联系电话:点击查看完整号码

详情介绍
UI设计是这几年因为互联网行业的迅速发展才出现的,很多人其实都没有受过专业系统的学习,都是在摸索和自学中前进,比如我。从业几年,对于一个项目完整的设计流程,在设计过程中要注意什么,怎么去设计界面,常见的配色有哪些,设计思路是如何等等都有自己的想法。
一、设计流程
1、宣讲会
一般大的版本迭代或是新项目的开发,产品经理会召开一个宣讲会,参与人员有:程序员、设计师、项管、编辑、运营、测试。讨论下新功能或是新项目的交互逻辑、用户群体、功能渠道、实现评估、预计发版时间等等。
这时候作为设计师的我就参与进来了,会议上可以根据自己的专业角度提出意见或是建议,评估工作量,会后就正式开始进入下一阶段。
2、竞品分析
一般拿到确认的需求后,先消化下原型,在脑海中有个大概的界面和交互。接下来也不急于立马动手,而是开始研究竞品。这一步其实是非常重要的步骤,磨刀不误砍柴工嘛。因为和竞品的功能其实大部分是相似的,研究下他们的视觉展现形式、排版、布局、配色、细节等等~分析他们的优点和缺点,对自己也会有所启发,可以避免一些他们的问题,吸纳他们处理的很棒的地方。
我常用两种方式去收集竞品相关的图片:
a、第一种是去应用商店下载相关竞品APP。试用、截图、然后归纳分析,想必大家都是这么做哒;
b、第二种方法是完整的提取APP素材。主要是因为第一种方法存在的局限性,因为自己试用过程中,没办法像测试一样测试出各种使用场景,自然也就看不到一些不同场景的界面。方法是:
1、去PC端的iTunes下载APP;
2、在应用程序找到刚刚下载的APP,右键→在finder中显示;
3、把ipa的文件属性改成zip,并解压,然后找到Payload的文件夹打开;
4、右键点击显示包内容;
5、打开res的文件夹,里面就是APP所有的UI设计图素材资源啦。
这是Mac的提取APP素材方式,用Windows的小伙伴可以自己研究一下,还可以去找程序员小伙伴问一问,这个方法就是程序员小伙伴告诉我的。
3、效果图实现
竞品分析后,结合产品原型,产品定义,就可以开始大展身手啦~
UI设计主要设计的就是界面和图标,界面又分几大类型,如启动页、引导页、首页、登录注册页、通用页面、弹窗等等。而我开始设计的顺序是:
a、先设计首页。把这个产品的颜色、风格、图标、间距、控件样式、字体大小等确定后,再开展别的界面;
b、先设计一级页面,确定后,再设计二级页面以此类推;
c、保持设计视觉统一性和协调性。要以首页设计的规范为标准,设计过程中会有一些调整和修改,但是视觉要统一,还要符合产品的定义和自己设定的设计原则。
4、方案输出
还在用Photoshop设计UI界面的设计师,建议可以去下载第三方的cutterman的切图和标注插件、pxcook的标注也蛮好用的。
我目前都用sketch,一款专业界面设计软件,一键输出和自动标注简直太好用了,解放了N多时间,提高了N多效率。但是唯一的缺点是只支持Mac,还不支持Windows。建议UI设计师都应该去学习一下,用sketch设计UI界面是大势所趋。
Sketch
在切图输出的过程中,切图的命名也同样重要,命名整齐有规律,方便程序员查看和设计师之间的交接。一般是这样的格式,我举个例子:
模块_类别_功能_状态  
nav_button_message_sel
状态的一些英文简写 :
nor:normal 正常状态
hig:highlight 高亮状态
sel:selected 选中状态
dis:disable 不用状态
5、动效展示
随着互联网发展,很多产品都加入了交互动效,也是产品的亮点,所以交互动效也是设计师应该必备的技能。我自学了AE和principle,这是两种不同的动效交互软件,AE偏动效,principle偏交互,这里我也推荐一些教程给大家学习:
多去浏览大神分享的理论知识,围观视频教程,学以致用,用来提升自己,这也是很重要的一项能力。
6、设计规范
一个项目,一般在风格确立后就可以建立设计规范了。设计规范可以解决多人协作时控件混乱问题,使视觉统一,提高效率,避免返工。
联系我的时候请说是在搜即讯信息网上看到的,谢谢。
首发网址:http://chuzhou.sojixun.com/zhiyepeixun/j192125.htm
查看全部滁州职业培训信息
发布发布一条信息滁州职业培训信息>>