恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Ui设计自学全面解析(上)
0.0°
2016-09-19 原创文章 经验/观点 举报 2273 11 8 0

自学如果是真的一点设计基础都没有,也不懂开发,没接触过ui,那完全自学到应用还是需要一些时间的。如果是有一定的基础,比如从平面转行,从前端转行的同学,那理解和应用就会比较快。

一般大家都习惯把学习某种技能分为初级、中级、高级、专家……其实,在四处搜索学习方法、如何自学等等内容的,大多数都是想要入门的初级阶段。对于已经入门,想要提高某些方面自己都会比较有底了。而徘徊在门外的同学会比较迷茫,学都不知道学什么。


       Image title


第一涉猎范围:我们要先明白ui设计不仅仅只是实现漂亮的视觉效果,因为这只是其中一方面,ui还包括交互设计及用户体验等方面。所以我们在学习的时候要从主要的这三方面来充实自己的知识体系。而美术基础只不过是加分项而不是必备项,必备的应该是审美水平,对于审美水平的提高可以通过多看好的作品及设计相关网站等来提高,这是一个长时间积累的过程,不是一朝一夕可以完成的。


Image title



推荐网站:

灵感类www.behance.netdribbble.comwww.pinterest.comwww.deviantart.commarket.envato.com

干货类flypixel.comui-cloud.comwww.highresolutiontextures.comwww.textures.com

配色类color.adobe.comwww.colorschemer.comwww.colourlovers.comwww.ficml.orgwww.degraeve.comwww.colorhunter.comwww.design-seeds.com

icon类findicons.comiosicongallery.comwww.iconfont.cnicons8.comwww.uiparade.com

 

第二软件学习:接下来就是大家最关心的软件,也就是我们的设计工具。


Image title



1、基础软件photoshop,现在比较新的版本是photoshop cc (可以找到的最新版是cc2015),有条件的话尽量安装选择最新版本,因为新版可以打开旧版文件,但是旧版本打开新版本文件有可能产生丢失数据的现象,还有就是,新版本会有些适合进行ui设计的新功能。如:多重形状和路径选择、虚线绘制、文字优化、存储与自动复原、大型文件的处理效率更高、可编辑圆角矩形、可精确到小数点后一位像素描边等。可以安装一些ps插件,提高工作效率。推荐插件:Corner Editor(圆角)ASSISTOR PS(标记)、VELOSITEY(网页原型布局)、CutterMan(切图)

2、专业软件Sketch,非常轻便的一款专业ui设计工具,优点是操作容易上手快,文档小,可复用图层组,一个文档多个画板,无损修改,内置ui标准控件、方便实用的插件。总的来说是非常实用,缺点就是没有ps强大,单个画布中文件过多时会卡。现在莱茵教育给大家教授的主要软件就是这个。推荐插件:Sketch Toolbox(插件合集,安装后从里面选择想用的插件就可以进行下载,不用四处去找有什么适配插件)、Content Generator Sketch Plugin(自动填充男性、女性或自然风格图片,用户的姓名、邮箱、电话和地址,也可以进行文本及日期填充)Sketch Measure(智能添加图形的尺寸、距离、颜色及文本属性的附注,自动进行附注编组)Rename It(批量修改图层名称)、Dynamic buttons(根据文本长度保证文本与按钮固定的padding

3、矢量王牌ILLUSTATOR,矢量界无可争议的老大,可以进行ui设计,矢量绘图方面是它特长,但是,它更擅长的是印刷。

4、老牌软件fireworks,结合了矢量软件与位图软件的特点,在sketch出现之前使用非常普遍。

其实,不管什么软件只是工具,你只要选择最合适自己的软件就可以了,不用所有软件都会。

 

第三临摹技巧:通过大量的临摹练习可以训练手眼协调、观察能力等各种综合能力。在临摹中最重要的一定要记住,就是“准确”。在实际操作方面有如下几个步骤:


Image title



1、 观察:先看被临摹对象的整体特点、风格、色彩、结构、布局、交互、板式、交互、质感、反光、阴影、描边等等

2、 思考:观察结束后要进行非常重要的一步就是深入思考,这个可以说是临摹中最重要的一步,多想为什么。为什么要用写实风格/扁平/3d/卡通风格,如果换一个风格会不会更好?一共用了多少种颜色,字体字号都是什么,如果是我会怎样来做?这个临摹对象一共分成基层,每一层都有什么元素,为什么是这样的先后顺序?

3、 草图:手绘草图的作用及手绘的灵活性,灵感触发性是任何电脑软件和手写板都无法代替的。因此不论是原创还是临摹都应该先进行草图绘制,这样做首先可以提高手绘能力,其次加强理解与记忆,最后激发灵感。

4、 上机操作:选择熟悉的软件,利用观察后得到的绘制顺序进行制作。临摹过程中要注意进行相互对比来得到最恰当的结果,线条的长度、斜度、宽度、弧度,颜色的色相、明度、纯度等。第一次进行临摹的时候如果实在画不准,可以把原图至于底层,加一层白色半透明图层进行隔离,之后在隔离层以上进行描绘。当然这个只是为了熟悉结构的初级办法,并不能非常直接提高我么的造型能力,所以画过一次以后最好脱离原图。

5、 对比反思:完成临摹作品后与原图进行对比。基本上大的结构和颜色不会出大问题以后,要注意观察细节,这个才是体现出能力的关键点,也是为什么猛的一看很像,但是总觉得差了点什么的原因。细节举例说明:颜色是否有渐变?层与层之间是否有阴影?阴影形状如何?阴影的颜色真的是纯灰么?

 

Image title

                                                                                                     编辑:莱茵教育

                                                                                                                                                    该文章为原创文章   如需转载请注明出处及链接

更新:2016-09-19

收藏

11人已收藏

  • 6

    作品

  • 3

    粉丝

  • 0

    关注

  • 设计师开脑洞的正确方法
  • UI设计自学全面解析(下)
  • 产品—写好Prd文档的七个必须
  • 产品经理如何利用数据分析提高自己的话语权

    猜你喜欢

      2016-09-19 原创文章 经验/观点 举报 2273 11 8 0

      Ui设计自学全面解析(上)

      0.0°

      你确定要举报Ui设计自学全面解析(上)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年09月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      11
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录