常常会听到这么一些忠告“多看 多想 多做”
 
你有没有发现一个问题,每天都在看各种设计作品,真到自己做的时候,一下子全都忘记了,脑子短路傻逼了。之前看到那么多好的设计作品也都白看了,人家的还是人家的,跟你半毛钱的关系也没有。有没有这种感觉~?
 
  1. 看到了什么好设计画一画。
  2. 想到了什么好点子,写一写。
  3. 做会了什么或是想要学点什么,都记录下来。
UI设计要学的真的太多了,胆小懒惰 勿入,这是个坑~!~
 

问:5个知识点?我不知道要学什么?

答:你现在缺什么,你想学什么,工作中要用到的,或是找工作的时候,用人单位写的招聘要求,你看看你都有哪些不会的,这些都是可以学习的知识点和学习的方向。小到一像素的投影,一像素的高光,虚线做法,这些都是

要学习的知识点。

具体一点来说的话:

UI是什么?(这个弄清楚了,也是一个进步)
IOS的图标是多大的,我做多少像素的圆角了?
字体是做多大了?有没有想规范了?
按钮要做多大了才好点击了?
各个栏目的高度,间距又是多大比较合适了?
常听到的点9是什么东东?
切图是什么意思?如何去切了?
布尔运算是什么玩意?
PS形状工具怎么用?
移动端的ui规范文档
图层样式怎么用?
叠加,柔光是什么意思?
PS CC 安装好了先设置什么,才好用?
红色 橙色 黄色 绿色 青色 蓝色 紫色 黑色 白色 灰色 这些你都知道怎么搭配好看吗?(这些就够你研究很久了吧)

学以致用,是我们一直牢记在心的真理
 
 
很多新人什么都想学,什么PS AI Flash Dreamweaver  AE Axure ,这么多你要到什么时候才是个头啊,Tiger做了10年设计了,都不敢说这些都精通。
 

你可以这么记录(打个比方)

  1. 今天发现了一个很好的UI学习教程站 www.xueui.cn (这个也算是一个知识点,不要小看这个,改变你的命运,给你启发,也许就在这么不经意之间)
  2. 我今天知道了什么是传说中的布尔运算,看到一篇基础的教程《教你PS画信号图标》,也认识了作者 金多多同学,我很开心。
  3. 群里的大神 Dbear教我图层样式高级混合,我收获很多,学会了镂空字的做法,哈哈
  4. 在上厕所的时候想明白了投影的做法,3个图层,先画一个圆,高斯模糊,复制2个,一个比一个小,降低透明度。
  5. 我发现一个经典的个人展示页面的版式,我要给画下来,下次如果需要的话,我就能马上用上这个版式设计。
  6. 今天看了老狼的教程学会了形状也能羽化,还有就是路径转形状的方法,好有用~!

UI设计教程之UI学习方法(咋看,咋想,咋做)

咋看设计(如何找灵感)

这个怎么看设计,也就是培养审美的能力,首先你要知道什么好看,什么不好看。当你排斥那些不好看的设计的时候,你的品味就自然上升了。

再就是要知道去什么网站上看设计作品。看到不错的设计要采集下来。

花瓣   zcool  UI中国   behance  dribbble  pinterest  deviantart   APP截图欣赏站

这里主要说说如何找灵感,当你接到一个设计任务的时候,该如何去快速的执行,快速找到灵感。

平时的素材采集和分类至关重要。

设计师的素材资源库,就是你的财富,只有自己整理出来的才有价值。关键是你要记得东西放在哪里了,不要用的时候找不到了~!

我在这里重点推荐一篇我之前写过的一篇文章。也是我每次寻找灵感会去的地方,请点下面的图进去看看。记住这个放在   导航—>经验   下面。

如果你是新手,能坚持每个知识点都搞明白的话,起码要半年的时间~~

 

学UI要分几个阶段来学:

初级阶段——>  中级阶段——>  高级阶段

 
大多数人都还在入门阶段,感到很迷茫,不知道从哪里开始学起。网上的海量信息,全是教程,都不知道先看什么,后学什么。非常的无助。
 
对于入门阶段的童鞋来说,不要纠结那么多,先把Photoshop玩熟练再说吧。因为在日常工作中,用的最多的就是PS了,可以这么说,做UI界面基本上用它就够用了。所以入门阶段的你,不要瞎操那么多心了,专心学习PS吧.
 
 
 
 
 
 

UI入门教程的更多相关文章

  1. Unreal Engine 4 Radiant UI 入门教程(一)制作Radiant HUD

    请注意:本篇教程的编号是从零开始的,如果没有看第零篇教程,请前往学习. 本教程介绍如何制作Radiant HUD,这是指将网页元素直接加入到HUD中,效果为: 对应的网页元素为: 第一步: 将之前下载 ...

  2. Unreal Engine 4 Radiant UI 入门教程(零)在场景中摆放网页

    相关的学习资源: https://forums.unrealengine.com/showthread.php?12097-PLUGIN-RadiantUI-SDK-UIs-HUDs-Interact ...

  3. Power BI入门教程

    题记:这篇文章不仅是Power BI的入门教程,同时相对于Qlik Sense进行了简单比较. 最近把一个Qlik Sense的示例应用手动转成了Power BI的应用,把相关步骤和遇到的问题记录如下 ...

  4. 无废话WCF入门教程六[一个简单的Demo]

    一.前言 前面的几个章节介绍了很多理论基础,如:什么是WCF.WCF中的A.B.C.WCF的传输模式.本文从零开始和大家一起写一个小的WCF应用程序Demo. 大多框架的学习都是从增.删.改.查开始来 ...

  5. 转发-UI基础教程 – 原生App切图的那些事儿

    UI基础教程 – 原生App切图的那些事儿 转发:http://www.shejidaren.com/app-ui-cut-and-slice.html 移动APP切图是UI设计必须学会的一项技能,切 ...

  6. UWP 入门教程2——如何实现自适应用户界面

    系列文章 UWP入门教程1——UWP的前世今生 如上文所说的,布局面板根据可用的屏幕空间,指定界面元素的大小和位置.例如StackPanel 会水平或垂直排列界面元素.Grid 布局与CSS 中的表格 ...

  7. WPF入门教程系列三——Application介绍(续)

    接上文WPF入门教程系列二——Application介绍,我们继续来学习Application 三.WPF应用程序的关闭 WPF应用程序的关闭只有在应用程序的 Shutdown 方法被调用时,应用程序 ...

  8. 推荐10个适合初学者的 HTML5 入门教程

    HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究.借助尖端功能,技术和 API,HTML5 允许你创建响应性.创新性.互动性以及令人惊叹的 ...

  9. Docker入门教程(四)Docker Registry

    Docker入门教程(四)Docker Registry [编者的话]DockerOne组织翻译了Flux7的Docker入门教程,本文是系列入门教程的第四篇,介绍了Docker Registry,它 ...

随机推荐

  1. icomoon字体使用

    如何灵活利用免费开源图标字体-IcoMoon篇 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/w ...

  2. Qt容器类之一:Qt的容器类介绍

    一.介绍 Qt库提供了一套通用的基于模板的容器类,可以用这些类存储指定类型的项.比如,你需要一个大小可变的QString的数组,则使用QVector<QString>. 这些容器类比STL ...

  3. 回文树1960. Palindromes and Super Abilities

    Bryce1010模板 http://acm.timus.ru/problem.aspx?space=1&num=1960 #include <bits/stdc++.h> usi ...

  4. jsp问题记录

    2014-10-10 20:53:16 Jsp的el表达式:‘${value}’  用于获取后台传过来的值 而<%=value %>则是获取当前页面java代码的值

  5. rac 添加 资源

    10g : 自动化.监控.os,存储,底成,网络,规范

  6. P2955 [USACO09OCT]奇数偶数Even? Odd?

    题目描述 Bessie's cruel second grade teacher has assigned a list of N (1 <= N <= 100) positive int ...

  7. AngularJS 表单验证手机号(非必填)

    代码: <form ng-app="myApp" ng-controller="validateCtrl" name="myForm" ...

  8. 后TOS时代的码头数字化生产力

    之前看过一篇文章是,是INFORM的副总裁写的关于以TOS外挂模式提升码头生产效能的文章.文章对外挂模式的总结挺好的,我最近也一直从事这块的工作,以此文梳理一下前面的经验,记录一下自己的感想. TOS ...

  9. css广告弹窗满屏跑

    window.onload=function(){ //广告滚动 var oneInner = $('#divid')[0]; //定时器 var a1a = setInterval(moves,10 ...

  10. MVC之在实例中的应用

    MVC模式在Java Web应用程序中的实例分析 1. 结合六个基本质量属性 1)可用性 2)可修改性 3)性能 4)安全性 5)可测试性 6)易用性 2. 分析具体功能模块的MVC设计实现(例如登录 ...