UI设计:掌握这6点,轻松0到1
非科班出身能成为UI设计师吗?
答案是肯定的。世上无难事,只怕有心人。只要找对方法、坚持不懈,即便是零基础也能学好UI设计。
那么零基础学习UI设计,需要学习哪些知识?我们要从哪些地方学起?怎么系统学习呢?
首先,UI设计师需要什么技能呢?
在视觉设计方面:平面构成;色彩构成;版式设计;心理学;美术绘画;设计意识。
在交互设计方面:了解用户体验设计原则;信息挖掘、用户调研、数据分析;良好的逻辑能力;心理学;交互设计原则、不同平台的规范;产品视觉感;沟通能力。
那么,UI设计师应该怎么入门呢?怎样才能成为一个合格的UI设计师呢?
1. 精通一门软件。在视觉设计中,软件的选择没有很大的优劣之分,重点是要用得顺手,并且应该在使用上继续深入下去。在交互设计中有很多原型工具,如Axure,Mockplus,等。但是新手的话建议使用Mockplus。 它是一款简洁快速的原型图设计工具,适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用,能够很好地表达设计师的设计。
2. 阅读设计规范。对初学者来说这很有帮助。现在各个平台的设计规范的文档写得十分不错。因为这本来就是针对开发者专门写的,所以也很方便大家阅读。苹果、Google 等公司专门写的文档、规范本身的质量是很高的,比如 iOS 的《人机交互指南》、安卓的 Material Design 等。这些规范一方面是在讲各种控件怎么用、各种视图如何转换,同时也讲了很多设计的思想。
3. 对标优秀设计。我们需要多看看其他人的设计,每次做完设计之后要在网上对标那些优秀、成熟的设计,随时通过对比找出差距。我们经常会发现,大家往往在做设计的时候不知道什么是好的设计,不知道自己处在一个什么水平。实际上,在网上(比如 Dribbble ,各种论坛)能找到很多优秀作品,这时候跟自己的作品对比,要朝优秀的方向努力。另外,要去吸收优秀设计师的知识和经验分享,通过博客、知乎等各种各样的渠道去找到相应的分享。
4. 培养绘画能力。成为一个优秀的UI设计师需要一定的手绘能力,为什么?首先,在纸上的绘画比在软件上绘画较快速,效率有一定提升,另一方面,通过手绘,能突出自己创作的与众不同,甚至能够从“乱涂乱画”中得到灵感。可能大家到这里就有点恐惧了,我不是画画、艺术专业的,没有绘画的能力。但是大部分想成为UI设计师的人都不是艺术、画画专业的,手绘能力较弱是正常的,怎么解决?两个字,多练。
5. 读书。建议去网上找用户体验、界面设计等相关的书籍,选择评分比较高来阅读读。先仔细地读几本,有了系统的学习再去进行大量的练习;最后反过来再去读这些书,你就会有不一样的收获。
6. 大量地练习。对于视觉设计师,要先从临摹开始,从基础的图标到完整的界面,再逐渐到自己去探索去创作。对于交互设计师,首先自己可以去找一些典型的产品进行反向描绘,把信息架构、交互框架、主线流程等基本方面都勾勒出来。其次,要评估产品中可能存在的交互的问题,并提出改进的具体做法。 然后再下一个步骤就是找一两个具体的页面或者流程来进行详细的改进,并且要聚焦在细节上面。大家需要注意细节是极其重要的,此处主要训练的是你的动手能力,对基本的元素及控件的运用能力。
如果想要入门,不要急于求成,不要指望上个培训班两三个月就能学成。原型设计、交互设计需要系统性的训练和积累,需要坚持,日积月累。任何指导都是帮助你少走弯路,但是该走的路还是得走,短不了。
UI设计:掌握这6点,轻松0到1的更多相关文章
- 关于UI设计中的交互软件Axure7.0运用
Axure RP是一个专业的快速原型设计工具.让负责定义需求和规格.设计功能和界面的人员能够快速创建应用软件或Web网站的线框图.流程图.原型和规格说明文档. 作为专业的原型设计工具,它能快速.高效的 ...
- 【Android UI设计与开发】第05期:引导界面(五)实现应用程序只启动一次引导界面
[Android UI设计与开发]第05期:引导界面(五)实现应用程序只启动一次引导界面 jingqing 发表于 2013-7-11 14:42:02 浏览(229501) 这篇文章算是对整个引导界 ...
- 2018年这些UI设计趋势正在流行,跟上必拿高薪!
数字设计领域和时尚圈是一样的,总会有各种各样的趋势让人眼花缭乱.无论是用户界面的视觉元素,还是用户体验的细节,总有许多值得说道的新玩法和新方向.就目前来看,UI设计的大趋势是更加大胆新颖的视觉设计,通 ...
- (转载)Android UI设计之AlertDialog弹窗控件
Android UI设计之AlertDialog弹窗控件 作者:qq_27630169 字体:[增加 减小] 类型:转载 时间:2016-08-18我要评论 这篇文章主要为大家详细介绍了Android ...
- 缩放因子和UI设计
一.PPI 1.像素密度PPI:PPI(Pixel Per Inch by diagonal):表示沿着对角线,每英寸所拥有的像素(Pixel)数目. 根据勾股定理(直角三角形两边为a和b,斜边为c, ...
- 2017年8个UI设计流行趋势
设计趋势变化的理由需要考虑各种各样的因素.让我们来一起看看2017年的设计流行趋势吧. 应用界面的设计趋势是不断变化的.随着时间的推移他也在不断的成长,进化.虽然有些趋势还有待检验,但我们还是需要不断 ...
- APP UI设计及切图规范
APP UI设计及切图规范 1.概述 1.1 编写目的 该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范,是系统进入UI设计的前置文档.部分内容来自网络收集修编,转载请注明由 ...
- UI设计中px、pt、ppi、dpi、dp、sp之间的关系
UI设计中px.pt.ppi.dpi.dp.sp之间的关系 武汉AAA数字艺术教育 2015-07-24 14:19:50 职业教育 pi px 阅读(3398) 评论(0) 声明:本文由入驻搜狐公众 ...
- 21个免费的UI设计工具和资源网站,不管是web,js,android都
本帖最后由 hua631150873 于 2014-9-12 18:26 编辑 Lumzy 官方地址:http://www.lumzy.com/ Lumzy是一个网站应用和原型界面制作工具.使用Lum ...
随机推荐
- Latex 箭头、下标、符号上下写文字、正方形和三角形
0. hat $abc\hat def$ $ab\widehat{cde}f$ 1. 箭头上的文字 $\underrightarrow{\text{你的文字}}$ ($A \xlefta ...
- VBA 公式中使用相对位置
.Cells(3, 4).FormulaR1C1 = "=sum(r[-" & a & "]c[0]:r[-3]c[" & b & ...
- Spring MVC 视图及视图解析器
org.springframework.web.servlet.view.InternalResoureceViewResolve 把逻辑视图改为物理视图 可混用多种视图 不进过Handler直接进入 ...
- Egret 工具推荐
Egret 工具推荐--打造最好的开发环境--IDE篇http://bbs.egret.com/forum.php?mod=viewthread&tid=13581&fromuid=1 ...
- body{font-size: 62.5%;} 解释
为什么body{font-size: 62.5%;} 2012-10-25 16:15 16778人阅读 评论(0) 收藏 举报 分类: css问题(17) 在网页设计中我们经常看见body{fo ...
- Gearman简介
gearman,从名字上看叫做“齿轮工”,就是通过齿轮把不同的组件组合在一起.通常,多语言多系统之间的集成是项目开发中一个比较头疼的问题.一般会采用RPC风格或者是REST风格的WebService. ...
- XML文件的写,集合XML序列化(写)。XML文件的读,递归遍历
XML文件:必须要有一个节点.检验xml文件,可以用浏览器打开,能打开表示对,否则错. 处理方法: DOM:XmlDocument文档对象模型 Sax(事件驱动,XmlReader) XmlSeria ...
- Analyzing Microarray Data with R
1) 熟悉CEL file 从 NCBI GEO (http://www.ncbi.nlm.nih.gov/geo/query/acc.cgi?acc=GSE24460)下载GSE24460. 将得到 ...
- Java的反射和代理以及注解
最近接触到java的反射和代理(接触的有点迟了...),还是有必要总结下 1. Java的反射 有的时候我们需要在程序运行的时候获取类.方法等信息用于动态运行,这个时候反射就能够帮我们找到类.方法.成 ...
- 一些常用的c++系统函数
数学<cmath><math.h>: 1 三角函数 double sin (double); double cos (double); double tan (double); ...