集团主站
欢迎来到成都达内官方网站!达内—美国上市公司 亿元级外企IT培训企业!
成都it培训哪家好
成都it培训哪家好
全国服务监督电话:15023458194  |   联系客服   |
当前位置:主页 > 培训课程 > UID >

成都ui设计师培训UI设计教程:UI设计是做什么的介绍

发布者: 成都达内     浏览次数:     发布时间:2018-10-22 10:33:03

成都ui设计师培训内容提要:本文是UI设计教程系列第一篇,主要为大家分享UI设计师是做什么的。从UI设计担任的角色和工作要点谈起....

  成都ui设计师培训UI设计教程:UI设计是做什么的介绍

  内容提要:本文是UI设计教程系列第一篇,主要为大家分享UI设计师是做什么的。从UI设计担任的角色和工作要点谈起.

  由于很多学员想学习UI设计,所以应大家所需,小编整理出这一系列的UI设计教程分享给大家学习。这是第一篇,一起来看看ui设计师是做什么的。

  本篇文章介绍UI设计在产品设计中所担任的角色和工作要点。UI初学者可以从中了解到UI工作具体是做什么。

  一、UI设计:将交互设计稿变成最终产品界面

  UI设计到底是做什么的,要从UI设计的工作流程——产品/交互/设计来说。也就是说UI设计的上游是交互设计,UI设计工作一般从接到交互稿开始。

  这时候UI设计师看到一个交互设计,首先需要考虑的是:

  ①这样的排版布局是否合理(比如960的屏幕和1136的屏幕是否都可以容下足够的设计关键信息)

  ②信息重点在哪里?

  ③用户人群是哪一类?

  这些等等问题的分析都是UI设计师的事儿。通常UI设计师拿到的交互稿是这样子的:

  成都ui设计师培训

  产出却要求是这样子的:

  成都ui设计师培训

  那么这中间的坑和鸿沟就得UI设计师自己填。

  二、UI设计工作要点

  在解决完上面的问题后,设计师开始着手UI设计:

  1.从产品需求入手,考虑到底要用什么主色调

  比如同样是团购,糯米用的是桃红色,而美团是翠绿色。那么我们在UI设计的时候首先就要考虑主色调的问题。

  2.配色和辅助色用什么颜色

  在考虑到产品气质和品牌色的同时,我们经常要考虑配合、衬托产品主色调的辅助色。在不同的产品中,辅助色运用的策略是不同的,比如我们经常说的:邻近色、对比色等,都是我们选择辅助色的方法。

  3.用什么风格来表达

  现在来说,说到风格一句话,就是当前流行的扁平风。但是在扁平中也有区别。比如下图,同样是扁平,但是左图微微带有一些光影,而右图是纯扁平。你能说哪个好或者不好吗?不能。

  成都ui设计师培训

  同样的信息,在UI的表达上也有不同的表达方式。那么只能在具体的UI设计中去考虑具体需要什么风格。这些都是UI的工作内容。

  4.图标画成什么风格

  同样是设置、发现、首页,不同的app在基本结构一致的情况下也有很多细微的差别。是要用圆角的icon(图标)、还是直角,是用面还是线形,这背后的设计语言逻辑是什么,设计目的是什么。这些都是需要UI设计来考虑。

  比如:同样是腾讯的产品,手Q和微信的icon就完全不一样。其原因是由于产品面对的人群不同,手Q更偏年轻化。同样,你去看陌陌、来往、易信的聊天icon也是不一样的。这都是需要UI设计师一点点抠细节的去画出来的。

  成都ui设计师培训

  5.如何表达情感化设计

  在一些细节页面我们常常要考虑情感化设计,以此来提升app的品质,降低用户在异常情况下的挫败感。同时好的设计师还会考虑到如何引导用户去解决,从而满足产品诉求。不同的产品在做情感化设计的时候方式方法不同,风格也不一样。这些也都是需要UI设计来处理的。

  成都ui设计师培训

  成都ui设计师培训UI设计教程:UI设计是做什么的介绍

  6.动效如何做

  因为手机交互是动态的,所以我们如果可以在一些跳转页面引用动效设计,无疑是对整个app加分的好方法。

  7.适配、切图

  也算是万年话题了。你不是做个只是好看的东西,要能用,开发要能开发。你要考虑iphone4、5、6,还要考虑不同的安卓720/1280/1920,甚至有些公司要特殊考虑某些屏幕。

  在某些小公司,UI设计要肩负和产品设计一起考虑交互的问题。这时候经常需要UI在储备足够的视觉设计能力的同时具有良好的交互设计能力。

(责任编辑:范老师)
最新开班
  • 成都Java培训班
    免费试听名额发放中...
  • 成都C++培训班
    免费试听名额发放中...
  • 成都PHP培训班
    免费试听名额发放中...
  • 成都网络工程培训班
    免费试听名额发放中...
  • 成都Unity3D培训班
    免费试听名额发放中...
  • 成都大数据培训班
    免费试听名额发放中...
  • 成都uid培训班
    免费试听名额发放中...
  • 成都会计培训班
    免费试听名额发放中...
  • 成都Python培训班
    免费试听名额发放中...
  • 成都嵌入式培训班
    免费试听名额发放中...
  • 成都web培训班
    免费试听名额发放中...
  • 成都软件测试培训班
    免费试听名额发放中...
在线留言
提交

校区地址:绵阳市涪城区临园路东段68号富临大都会7栋3单元9层12号

联系电话:15023458194

公交路线:富乐路口凯德广场(10路;29路;3路;15路;11路;15a路;71路)

校区地址:成都市锦江区东大街紫东楼段35号明宇金融广场19楼1903室

联系电话:15023458194

公交路线:芷泉街(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:成都市高新区奥克斯广场蜀锦路209号一楼商铺

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

校区地址:成都锦江区东大街芷泉街229号东方广场C座3楼303

联系电话:15023458194

公交路线:芷泉街(188路;115路;515路;236路;505路;501路;84路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:成都市武侯区佳灵路3号红牌楼广场2号写字楼11楼1115号

联系电话:15023458194

公交路线:红牌楼东(11路;92路;100路;111路;139路;g28路;快速公交K1/K2) 地铁路线:红牌楼站(地铁3号线)

校区地址:成都市锦江区红星路二段70号四川日报大厦502-2

联系电话:15023458194

公交路线:市二医院站(6路;49路;102路;5路;37路;g92路;) 地铁路线:地铁市二医院(地铁3号线)

校区地址:成都市锦江区东大街紫东段35号明宇广场2306

联系电话:15023458194

公交路线:芷泉街(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:四川省成都市武侯区高新科技孵化园9号园区E座7楼

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

校区地址:成都市成华区建设路10号万科钻石广场B座5楼

联系电话:15023458194

公交路线:建设路中(6路;14路;42路;72路;76路;1010路;)

校区地址:成都市高新区奥克斯广场B座1708

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

了解达内动态
关注成都达内教育公众号

首页 | 关于达内 | 课程中心 | 专家师资 | 视频教程 | 学员空间 | 校企合作 | 新闻资讯 | 就业指导 | 网站地图

2016-2025 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56