发布时间:2025-10-17 11:29:17    次浏览
今天来谈谈这个话题,UI设计需要学什么,如何学习UI设计,学UI设计第一阶段到底要掌握哪些知识和技能。我们先来划分一下啊,学UI要分几个阶段来学:初级阶段——中级阶段——高级阶段QQ群里大多数学生都还在入门阶段,感到很迷茫,不知道从哪里开始学起。网上的海量信息,全是教程,都不知道先看什么,后学什么。非常的无助。小编拥有多年UI设计实战经验,大大小小也做了很多项目,借这个机会,给新人们指引一个方向,希望能帮助到大家。入门阶段,就像一张白纸一样,干干净净,也很茫然。所以才会有那么多的培训学校,教给大家的都是最基础的入门的知识。很多人在群里会问,我是自学还是报班啊。这个问题回答的嘴都软了。答:你如果定性比较弱,需要人逼着才学的进去,又不差钱。那么就报班吧,这样入门比较快。选择学校的时候先去听听,在问问大家,不要被忽悠~!~如果你自学能力还不错,又差钱。那么还是自学好了。下面我们来讲讲自学,因为小编从业多年都是自学。谁叫咱是穷孩子,交不起16800的学费。话说这钱可以买一台高配的MACBOOK PRO 15先来说说UI设计入门阶段,用什么软件。工欲善其事,必先利其器对于入门阶段的童鞋来说,不要纠结那么多,先把Photoshop玩熟练再说吧。因为在日常工作中,用的最多的就是PS了,可以这么说,做UI界面基本上用它就够用了。所以入门阶段的你,不要瞎操那么多心了,专心学习PS吧.软件也安装好了,视频看了不少了。接下来就是要做各种练习了。前边UI到底是什么一文里面也说了,UI不光是画ICON,还要做界面。还有一些交互知识。入门阶段,就先别想那么多,先画画简单的图标,做一些简单的界面吧。这个时候,逮到什么画什么,比如打开百度的首页,这个界面不陌生吧,照着画一个出来。有人说了,这有什么好画的啊。你还别不服。很多入门级的新人,还真是做不出来。有人连字体都做不出来,宋体12号 文字效果选无,这个地方选无,就好了。然后输入框的效果放大看看,用了内阴影。输入框然后是搜索按钮,用到了什么效果了。搜索按钮渐变+描边+投影+内阴影做的白色高光(一个图层样式完成)小小的一个按钮,尽然有这么多学问在里面。这就是UI的魅力所在。UI设计要先把什么搞明白,哪些PS技巧先学会Photoshop的知识点太多了,用了10年都不敢说精通。每个不同的设计领域用到PS的知识点也不一样。 比如做CG原画的,做网页设计,照相馆处理照片的等等用到PS功能都不太一样。UI设计 入门阶段先要学会以下几个功能,一定要玩的很熟练第一:图层样式上面做的百度这个页面,看着简单,却用到了好几种的图层样式。那么像下边这样的按钮。ui-lava-tabs-menu-design用到的就更多了。所以想打怪升级,还是要把图层样式玩的很熟悉,入门阶段要分析的出来,用到了什么效果。看到什么好的界面或是ICON,就立马分析一下,它用到什么图层样式?相关的教程:一个按钮有话说(PSD下载)还在担心按钮设计吗?来看看这十条基本准则教你画一个开关如何与像素打交道透明导航设计讲解第二:图层的混合模式Photoshop的混合模式(详细解答)第三:形状工具玩转PS形状图层UI设计师必看虚线的画法photoshop虚线的画法玩转形状工具第四:学会切图(常用的切图办法就在这里,先挨个学一遍,然后根据实际的情况选择相应的切图方法)photoshop切片使用小技巧(切图)PhotoshopCC新功能 生成图像资源(切图)【详细介绍android和ios平台的切图】做ui必备–PS切图动作用法(必装)Android切图小贴士搞明白一些常规的界面尺寸和视觉规范移动端:APP界面设计流程 教你做一套统一风格的ICON 移动端界面设计之尺寸篇移动端界面设计之尺寸篇ios视觉设计规范说明IOS 7 Ui规范PSDAndroid系统字体规范(含Android系统字体包下载)android规范文档3份PSD下载(新手必学)ios7和ios6 2套icon模板下载(ui设计师必备)WP7 控件,WP设计师必备文件。(psd下载)界面设计速成不要让用户思考色彩的学习叠柔配色法 如何成为配色达人设计中关于颜色搭配的一些小经验配色秘要:永远不要使用纯黑PS教你做渐变大背景PHOTOSHOP操作技巧PSD-layers-1-1 PSD-layers-2-1 10条PS技巧,提高工作效率怎样在PHOTOSHOP中保持像素的完美 让页面更上档次!网页设计细节大总结开始做点什么(临摹阶段)先来点励志的开始练习!先学会技法。我该如何临摹? yun Signal icon1透明导航设计讲解 线性小icon教程 用PS画一支香烟(PSD源文件)磨砂质感背景PS教程 PS快速打造漂亮的毛绒小球 PS打造折纸效果打造风骚布质感 UI教程_设计折纸风格短信图标 PS新手教程!打造一枚简约音乐播放器time 5分钟教你打造晶格化背景(PHOTOSHOP教程) 7步搞定一个图标(camera制作教程 附PSD)还在担心按钮设计吗?来看看这十条基本准则解密IOS7毛玻璃效果轻松打造iOS7风格图标PS强大的角度渐变教你如何画圈圈—–标识设计中辅助参考线入门常规UI切图(3种方法,各有各的好)做ui必备–PS切图动作用法 PhotoshopCC新功能 生成图像资源 photoshop切片使用小技巧移动端UI切图必备工具和教程Android安卓平台的切图小贴士 draw9patch好了,差不多了,这些都挨个学一遍。就入门UI了。学UI 要学的真的很多,这些都是基础的知识,这些掌握了,才能到达 中级阶段,加油!少年~~!文章来源:学UI网想了了解Ui设计更多知识,获取30天零基础UI设计课程加微信auidb1