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

    卡常 #pragma GCC optimize(2) #include<cstdio> #include<algorithm> #include<cstring> ...

  2. 525 Contiguous Array 连续数组

    给定一个二进制数组, 找到含有相同数量的 0 和 1 的最长连续子数组.示例 1:输入: [0,1]输出: 2说明: [0, 1] 是具有相同数量0和1的最长连续子数组. 示例 2:输入: [0,1, ...

  3. PropTypes 和组件参数验证

    我们来了到了一个非常尴尬的章节,很多初学的朋友可能对这一章的知识点不屑一顾,觉得用不用对程序功能也没什么影响.但其实这一章节的知识在你构建多人协作.大型的应用程序的时候也是非常重要的,不可忽视. 都说 ...

  4. Mysql多表联合更新、删除

    UPDATE snyts_user u INNER JOIN snyts_order o ON u.user_id = o.user_id INNER JOIN snyts_refund_order ...

  5. return false 的其中一种用法

    return false 的具体是做什么的在这里就不多说了,因为我觉得我形容不明白.....避免大家弄混乱,就不给大家添麻烦了~~ 直接上例子: 1.先看看下面一段代码,指出其中的错误所在: //点击 ...

  6. 牛人cad二次开发网站(.net)

    http://through-the-interface.typepad.com/through_the_interface/autocad_net/ http://through-the-inter ...

  7. hihocoder1078 线段树的区间修改

    思路: 线段树区间更新.注意这里是把一个区间的所有数全部赋值为一个新的值. 实现: #include <bits/stdc++.h> using namespace std; ; ], l ...

  8. Android原生系统API自带dp、px、sp单位转换

    Android系统中自带的Api中可以使用TypedValue进行单位转换 1,调用系统api转换单位 // 获得转换后的px值 float pxDimension = TypedValue.appl ...

  9. vue项目中常用的一些公共方法

    //校验手机号码 export function isSpecialPhone(num) { return /^1[2,3,4,5,7,8]\d{9}$/.test(num) } //校验中英文姓名 ...

  10. html文本溢出显示省略字符的两种常用方法

    方法一:使用CSS溢出省略的方式解决 解决效果如下: css代码: display: -webkit-box; display: -moz-box; white-space: pre-wrap; wo ...