常常会听到这么一些忠告“多看 多想 多做”
 
你有没有发现一个问题,每天都在看各种设计作品,真到自己做的时候,一下子全都忘记了,脑子短路傻逼了。之前看到那么多好的设计作品也都白看了,人家的还是人家的,跟你半毛钱的关系也没有。有没有这种感觉~?
 
  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. HDU2586(tarjanLCA板子)

    ; int T, n, m; int f[maxn], vis[maxn], dis[maxn], ans[maxn]; vector<P> vc[maxn]; vector<int ...

  2. 503 Next Greater Element II 下一个更大元素 II

    给定一个循环数组(最后一个元素的下一个元素是数组的第一个元素),输出每个元素的下一个更大元素.数字 x 的下一个更大的元素是按数组遍历顺序,这个数字之后的第一个比它更大的数,这意味着你应该循环地搜索它 ...

  3. AO-XXXX

    一 AO4419:应用于开关应用或PWM应用的场效应管.

  4. Unity3d中UnityEngine.Object

    UnityEngine.Object继承自system.Object,是Unity所涉及所有物体的基类. Static Functions 静态函数   下面的都是静态函数 Destroy Remov ...

  5. LN : leetcode 684 Redundant Connection

    lc 684 Redundant Connection 684 Redundant Connection In this problem, a tree is an undirected graph ...

  6. HDU 4465 Candy (数学期望)

    题意:有两个盒子各有n个糖(n<=2*105),每天随机选1个(概率分别为p,1-p),然后吃掉一颗糖.直到有一天打开盒子一看,这个盒子没有糖了.输入n,p,求此时另一个盒子里糖的个数的数学期望 ...

  7. 洛谷 P1918 保龄球

    题目描述 DL 算缘分算得很烦闷,所以常常到体育馆去打保龄球解闷.因为他保龄球已经打了几十年了,所以技术上不成问题,于是他就想玩点新花招. DL 的视力真的很不错,竟然能够数清楚在他前方十米左右每个位 ...

  8. (转)Spring如何装配各种集合类型的属性

    http://blog.csdn.net/yerenyuan_pku/article/details/52858499 在前面我们已经会注入基本类型对象和其他bean,现在我们就来学习如何注入各种集合 ...

  9. Logisim的使用

    准备 通过Logisim的官网下载适合你机器的Logisim的软件,启动Logisim应用程序(Logisim可能有点bug,如果程序运行诡异,可能内部已经奔溃,最好的解决方法是重新启动它). Log ...

  10. window.onload和DOMContentLoaded的区别

    一.何时触发这两个事件? 1.当 onload 事件触发时,页面上所有的DOM,样式表,脚本,图片,flash都已经加载完成了. 2.当 DOMContentLoaded 事件触发时,仅当DOM加载完 ...