您的位置 首页 > 娱乐休闲

UI自学完全手册(软件+教程+视频,都给你打包好了!)

写在前面的一些话

不缺钱,找个培训班因该能少走不少弯路,节省不少时间

我自己没上过培训班,但是别人这么说,我也觉得对

下面进入正题,Let's start→

一、学习基础软件操作

如果没有PS 基础,请百度搜索PS教程。(别人说李涛的ps教程不错你可以看一下)(一边看,一边跟着做,动手很重要)(软件可以是别的如AI,方法是一样的)

二、磨练技能,动手练习

找几个自己喜欢觉得好看的图标、APP、网站 截图下来,百分百临摹复制出来。(不懂就看教程,百度,进各种设计、UI群,问别人,问朋友。百度和教程是第一位的,尽量少问别人。)

三、提高审美、拓展思路、开阔眼界

浏览各种设计类的网站(站酷,优设、UI中国……)看别人的学习经验,下载收集设计类的素材。

四、规范自己的工作流程

下载各平台的设计规范(安卓,苹果,WP)仔细研读,并在联系中加以注意,应用。

以上一 二 三 四 应同时穿插进行,没有优先级和那个更重要。

自己觉得差不多了,就可以开始对已有的APP,网站进行修改设计,发现优点与不足。变成自己的东西。自己尝试做自己想法的东西,发表在你经常浏览的设计网站上,接受别人的提意见,赞同,表扬。

五、尝试自己做相对完整——图标、APP、网页

这是对之前所学的总结,也是以后找工作的铺垫

准备找实习的工作(这是一边工作一边学习的过程,私以为这个阶段学习比工资更为重要)

如何找实习的工作?

在这个阶段——这是一个技术活,作品可以展示很多东西

1、创作的作品整理一下思路,可以附带一些文字内容。

2、整理好你之前的临摹的作品

简历应着重表现你单独完成的APP、网页的经历

作品质量和数量体现-你学习的态度

实习的工作 目的不是薪水,是学习。

在实习中有了项目经验,公司对你好,有的学,那就好好干,对你不好,没啥好学的,那就跳槽。

跳槽的重点,你仍然需要学习,所以尽量不要找只有一个你一个设计师的公司,没有交流没有学习不会愉快的。

更具体的方法和资料

写在第二排

这篇教程内容比较多,如果你是新手,能坚持每个知识点都搞明白的话,起码要半年的时间。

如果你进来随便看一看就走了,那不能怪别人,是你自己不努力!已经有很多新人在这里学完找到了高薪工作。

今天来谈谈这个话题,学UI第一阶段到底要掌握哪些知识和技能。

我们先来划分一下啊,学UI要分几个阶段来学:

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

QQ群里大多数学生都还在入门阶段,感到很迷茫,不知道从哪里开始学起。网上的海量信息,全是教程,都不知道先看什么,后学什么。非常的无助。

入门阶段,就像一张白纸一样,干干净净,也很茫然。所以才会有那么多的培训学校,教给大家的都是最基础的入门的知识。

很多人在群里会问,我是自学还是报班啊。这个问题回答的嘴都软了。

答:你如果定性比较弱,需要人逼着才学的进去,又不差钱。那么就报班吧,这样入门比较快。选择学校的时候先去听听,在问问大家,不要被忽悠~!~如果你自学能力还不错,又差钱。那么还是自学好了。

下面我们来讲讲自学,谁叫咱是穷孩子,交不起16800的学费。

话说这钱可以买一台高配的MACBOOK PRO 15。

本湿湿已辛苦整理打包好度盘。标1234数字的资源都有哦。伸手党麻烦关注下湿湿,帮助湿湿过新手号吧QAQ 私信给链接哦

先来说说UI设计入门阶段,用什么软件。工欲善其事,必先利其器

对于入门阶段的童鞋来说,不要纠结那么多,先把Photoshop玩熟练再说吧。因为在日常工作中,用的最多的就是PS了,可以这么说,做UI界面基本上用它就够用了。所以入门阶段的你,不要瞎操那么多心了,专心学习PS吧。

软件安装(建议购买正版软件,以下下载仅供学习使用)

  1. Photoshop CS6下载

  2. Photoshop CC(安装文件+破解教程+破解补丁)

  3. 怎样安装Photoshop画笔,形状,动作,滤镜等插件

  4. PSD 缩略图查看插件

配置Photoshop参数,做UI更方便安装字体

  1. ios-android-wp 3大系统字体下载(包含中英文)设计师必备

  2. ios在线预览字体(ui设计师必备)

photoshop视频教程

  1. 传智播客网页平面设计学院 Photoshop快速入门视频教程

  2. 李涛-photoshop教程

  3. 李晨公开课视频教程

  4. 7天精通Photoshop CS5 UI交互设计

  5. 杜娟教你如何优秀UI设计师

  6. 李凤辉-UI设计教程

  7. Photoshop CS5实例视频195集

  8. 老贺-PS人物面部美化及商业修片技法

  9. 高志远-Photoshop UI设计视频教程-快速掌握水晶质感图标

还有这几个也要看看的:

  1. 45个设计师需要熟记的ps快捷键

  2. PS真正实用技巧

  3. Ps改进UI设计的一些技巧(必看)

  4. 设计新手在PS中最常犯的6个错误

  5. 你的PS很卡吗?来瞧下这10个加速技巧


好了,软件也安装好了,视频看了不少了。接下来就是要做各种练习了。前边UI到底是什么一文里面也说了,UI不光是画ICON,还要做界面。还有一些交互知识。

入门阶段,就先别想那么多,先画画简单的图标,做一些简单的界面吧。

这个时候,逮到什么画什么,比如打开百度的首页,这个界面不陌生吧,照着画一个出来。有人说了,这有什么好画的啊。你还别不服。很多入门级的新人,还真是做不出来。

有人连字体都做不出来,宋体12号 ,这个地方选无,就好了。

然后输入框的效果放大看看,用了内阴影。

然后是搜索按钮,用到了什么效果了。

渐变+描边+投影+内阴影做的白色高光(一个图层样式完成)

小小的一个按钮,尽然有这么多学问在里面。这就是UI的魅力所在。

UI设计要先把什么搞明白,哪些PS技巧先学会

Photoshop的知识点太多了,用了10年都不敢说精通。每个不同的设计领域用到PS的知识点也不一样。

比如做CG原画的,做网页设计,照相馆处理照片的等等用到PS功能都不太一样。

UI设计 入门阶段先要学会以下几个功能,一定要玩的很熟练第一:图层样式

上面做的百度这个页面,看着简单,却用到了好几种的图层样式。那么像下边这样的按钮。

用到的就更多了。所以想打怪升级,还是要把图层样式玩的很熟悉,入门阶段要分析的出来,用到了什么效果。

看到什么好的界面或是ICON,就立马分析一下,它用到什么图层样式?

相关的教程:

  1. 一个按钮有话说(PSD下载)

  2. 还在担心按钮设计吗?来看看这十条基本准则

  3. 教你画一个开关

  4. 如何与像素打交道

  5. 透明导航设计讲解

第二:图层的混合模式

  1. Photoshop的混合模式(详细解答)


第三:形状工具

  1. 玩转PS形状图层UI设计师必看

  2. 虚线的画法


第四:学会切图(常用的切图办法就在这里,先挨个学一遍,然后根据实际的情况选择相应的切图方法)

  1. photoshop切片使用小技巧(切图)

  2. PhotoshopCC新功能 生成图像资源(切图)

  3. 【详细介绍android和ios平台的切图】

  4. 做ui必备–PS切图动作用法(必装)

  5. Android切图小贴士


搞明白一些常规的界面尺寸和视觉规范移动端:

  1. 移动端界面设计之尺寸篇

  2. ios视觉设计规范说明

  3. IOS 7 Ui规范PSD

  4. Android系统字体规范(含Android系统字体包下载)

  5. android规范文档3份PSD下载(新手必学)

  6. ios7和ios6 2套icon模板下载(ui设计师必备)

  7. WP7 控件,WP设计师必备文件。(psd下载)


网页端:

  1. 网页UI是如何标注的?(附带WEB UI视觉规范文档)

  2. 网页UI视觉设计规范

  3. 网页设计基础技巧

  4. WEB设计指南!

  5. 界面设计速成

  6. 不要让用户思考


色彩的学习

设计中关于颜色搭配的一些小经验

配色秘要:永远不要使用纯黑

PS教你做渐变大背景

PHOTOSHOP操作技巧开始做点什么(临摹阶段)

先来点励志的

开始练习!先学会技法。

  1. 还在担心按钮设计吗?来看看这十条基本准则

  2. 解密IOS7毛玻璃效果

  3. 轻松打造iOS7风格图标

  4. PS强大的角度渐变

  5. 教你如何画圈圈—–标识设计中辅助参考线入门


常规UI切图(3种方法,各有各的好)移动端UI切图必备工具和教程

好了,差不多了,这些都挨个学一遍。就入门UI了。

学UI 要学的真的很多,这些都是基础的知识,这些掌握了,才能到达 中级阶段,加油!少年!

别忘了关注下湿湿,帮湿湿过新手号哦!


责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“UI自学完全手册软件+教程+视频,都给你打包好了,”边界阅读