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 ...
随机推荐
- vb 导出excel生成图表统计
Private Sub btnExprot_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnE ...
- python3中的mysql数据库操作
软硬件环境 OS X EI Capitan Python 3.5.1 mysql 5.6 前言 在开发中经常涉及到数据库的使用,而python对于数据库也有多种解决方法.本文以python3中的mys ...
- 使border处于边框内
box-sizing需要指定高度,它在这个高度出现,不会增加额外的高度 .box{box-sizing: border-box;height: 64px;}
- [Flutter] 支持描边效果的Text
新版的flutter已经自带这个功能了.TextSyle 中一个shadow . 目前flutter中没找到很好的办法给Text增加描边.自己扩展了一个TextEx,可以实现简单的描边效果,能满足大部 ...
- 什么是 web 开发
什么是 web 开发 这几天因为工作需要,了解了一下Web development 的技术路线,来源自 en.wikipedia.org/wiki/Web_development ...
- centos73下php5.6安装GD库
yum --enablerepo=remi-php56 install php-gd php-mysql php-mbstring php-xml php-mcrypt YUM安装的 找到了源 分分 ...
- 1_Utilities__bandwidthTest
使用三种模式(QUICK_MODE,RANGE_MODE,SHMOO_MODE),测试三种拷贝情况下的显存带宽(HostToDevice,DeviceToHost,DeviceToDevice) ▶ ...
- 0_Simple__simpleCubemapTexture
立方体纹理贴图 ▶ 源代码.用纹理方法把元素按原顺序从 CUDA3D 数组中取出来,求个相反数放入全局内存,输出. #include <stdio.h> #include "cu ...
- linux 基本。。
一. 将磁盘分区挂载为只读 这一步很重要,并且在误删除文件后应尽快将磁盘挂载为只读.越早进行,恢复的成功机率就越大. 1. 查看被删除文件位于哪个分区 [root@localhost ~]# mo ...
- leetcode107
/** * Definition for a binary tree node. * public class TreeNode { * public int val; * public TreeNo ...