• [猜想]大家认为可能存在这种自相矛盾的分配制度么? 2019-11-09
  • 世界3D打印技术产业 大会会址永久落户佛山 2019-10-29
  • 网约车陷阱多 谨防四类风险 2019-10-29
  • 其实,生产力发展了,社会财富丰富了,把小萌们养起来也不是什么问题……但你们不能被养着还养出脾气来还妄图对真正的劳动者指手画脚! 2019-10-24
  • 【地球的盛会文明的聚会艺术的盛宴四海一家足球为人类和平幸福而荣耀!!!普京是当今人类世界最优秀的一代伟人俄罗斯赢啦!!!】 2019-10-24
  • 【专题】王学义教授做客长城网燕赵名医大讲堂 2019-10-23
  • 习近平时间携手共建生态良好的地球美好家园 2019-10-19
  • 澳门修订《司法组织纲要法》 涉国安法案件限中国籍法官审理 2019-10-19
  • 奥尼尔晒出自己修脚视频:该死,她不得不带个口罩 2019-10-10
  • 学习十九大精神--福建频道--人民网 2019-08-21
  • 奇闻怪事:瑶族怪异风俗习惯之烟袋定情 2019-08-21
  • 六一记忆:不同的年代 同样的快乐 2019-08-19
  • 南非办“武林大会” 看看中国文化在国外有多火 2019-08-19
  • 图说党建--安徽频道--人民网 2019-08-15
  • 团结、进取——百奥人不懈追求的企业文化 2019-08-15
  • 电子游戏的作文600 www.geg6.net

    写在之前:“大家好,我是学UI网创始人虎哥,2004年入行设计至2019年已经有15个年头了。作为一个行业前辈,从建立学UI网那天起(2013年11月11日),学UI网定位是:专为新人准备的免费学习UI的学习资料站。一直努力影响着千千万万怀揣设计梦想的新人,希望大家少走一些弯路,提高认知水平,能早日入行UI设计,并成为资深设计专家。这是一篇改变了很多人命运的学习指南,从2014年至今一直在不段的优化更新,阅读量破200万的爆款文章,太多人从这里起航!阅读这篇爆文可以让你快速掌握UI学习思路和方法,是很好的启蒙老师?!?/span>

    下面是虎哥(学UI网创始人)私人微信号:hu2020 (请备注来意,不然不通过哦)

    如果希望虎哥根据你的情况帮你指导学习方向和建议的,请提前写好个人详细情况,沟通起来才畅通。有时候比较忙回复不一定及时,但肯定会回复,请耐心等待并谅解!

     

    首先先来快速分析一下UI行业的过去、现状和未来

    过去:UI从iPhone 4发布以后迅猛发展,2013年随着国家号召全民创业的口号响亮喊起来以后,掀起了移动互联网创业风潮,同时大量风投机构挥洒大量的金钱注入移动互联网产业。

    招聘市场甚至出现有钱却招不到UI设计师,供不应求导致UI持续高收入(入职就是8-10k很普遍),吸引了大量人员转行到UI设计行业。学习UI成了高薪走捷径的一个手段。

    但到了2018年夏季,全球经济遇到发展的瓶颈,出现了?;?。加上中美贸易战的影响,国内风投机构开始冷静,不再轻易投钱给创业公司。很多公司出现资金链断裂,陆续传出倒闭或裁员。

    现在:目前公司在招聘UI的时候比较冷静,会认真对比选择性价比最高的UI设计师。同时UI同行间的竞争也逐渐激烈,没有系统学习过UI设计的同学,或者作品集拿不出手的同学,就失去了竞争力,找工作自然就困难了。

    UI行业并没有饱和之说,只是很多人能力达不到现在的行业要求罢了。优胜略汰是必然的社会进度的现象。试问哪行哪业人不多呢?

    未来:5G普及后,UI会成为一项非?;〉囊幻偶寄?,人们越来越离不开手机,和智能穿戴设备,5g、大数据、物联网、人工智能越来越落地,有需求就会有市场,也会增加更多就业机会。

    当然,对UI设计师的综合能力挑战更大,咱们只能通过刻意练习,终身学习,不断根据市场的变化不断学习,才能不被市场淘汰。

    总之从2018年下半年开始,UI设计入门的门槛明显感觉提高了不少,主要是从UI就业情况得出的结论。所以,如果你想吃这碗饭,要付出很多努力和时间,特别是非设计专业或者学历低的同学更要明白一个道理:“你只有花费比设计类专业毕业的同学更多的时间学习专业知识和创作原创成套的设计作品,才有机会跟他们抗衡?!钡比?,有很多跨行人通过刻意的练习,一步一步的成为了大神(zcool上挺多转行学设计的大神)。其实说到根上,就是一句话:“你有兴趣学,想好就是干!

    5年后的UI设计圈会怎样?

     

    看到这里,我想大家脑海里应该觉得,UI已经离不开人们的生活了,UI设计会成为一门非常普及且非?;〉娜朊胖读?。任何公司想做生意都需要UI设计的支持,因为未来智能手机、VR、AR、各种智能终端设备会越来越普及?;⒏缛衔?,学UI设计的人每年都会越来越多,以后的大学都会慢慢把这当做一门专业课,甚至在中学就开始普及教育了。

     

    学UI第一阶段到底要掌握哪些知识和技能。

    如果你也想成为一名UI设计师,却感到很迷茫,不知道从哪里开始学起,那这篇集合贴就是为你准备的。

     

    先说说UI到底是什么?

    User Interface(用户界面),简称UI,是指对软件的人机交互、操作逻辑、界面美观的整体设计。

    UI设计分三个分支:

    1、研究界面—-图形设计师Graphic UI designer,简称GUI,国内目前大部分UI工作者都是从事这个行业。包括(网页设计,软件界面,移动端界面设计),每天工作做着各种界面设计。

    2、交互设计,做整个项目的交互流程。

    3、用户体验研究,主要是通过各种方法去了解用户现在需要什么样的体验什么样的界面,从而对这个项目的总体性体验做决策的。

    用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。

    用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性;即要符合用户的心智模型。

    好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。

    图标,界面,交互知识都是需要长期的经验积累,所以UI这条路很长,要学的技能很多,大家加油吧??!

    从上张可以看出UI设计师工作日常的主要内容是和各种屏幕打交道,多终端设备的UI界面设计?;褂斜热绯翟氐己讲僮鹘缑?、大屏幕数据展示后台界面、线下购物结算界面、VR、智能设备、银行自动取款机等等,只要是在屏幕上操作的就算UI的范畴。

    UI和平面有啥区别了?通俗解释一下,UI是在屏幕上可交互可操作,用户操作后要有及时反馈。而平面一般是在纸质或者特殊材质只能看却不能交互操作,主要是印刷品。应该理解了吧。

     

    那么UI设计师工作中都做些什么事?

    uishisha
    图片来自国际知名设计师平台?https://www.behance.net/

    最终一定要做出拿的出手的作品集,才能找到工作。

    在日常工作中,UI设计师一般要做的事情还挺多的(手机端UI和网页UI大多数情况由同一人完成,大公司分工比较细,可能会分开)

    1. IOS和安卓,两大平台的UI界面设计
    2. 小程序界面设计
    3. H5页面设计
    4. 网页设计(产品类、平台类、活动页、介绍类)
    5. 后台界面设计(主要是管理APP和网页上的内容发布的后台系统界面)
    6. 大屏幕大数据展示屏界面设计
    7. 界面视觉规范,标注尺寸(手机端或是网页平台或软件)
    8. APP切图资源导出给程序员(手机端)
    9. 图标设计(启动图标和界面功能图标)
    10. 会画基础性的原型图,有交互逻辑思维。(原型绘制不难,就是一个软件掌握就行,难在要有交互逻辑思维,这需要多思考。)
    11. 会做一些基础的AE小动画(比如加载刷新小动画啥的,局部的)。
    12. 提交到各大平台的运营推广图(运营设计的活儿一般比较频繁,各种尺寸,横竖屏)
    13. 展会海报、易拉宝、logo、名片等平面

    UI设计师要学很多才能独当一面。一般的创业型公司都会招一个综合性比较强的UI设计师,导致UI设计师入行的难度在逐渐提升。整个行业知识也在更新迭代,所以2019年入行的UI设计师比前几年难度要大了几倍。

    最近流行一个名词,全栈设计师或者全路链设计师,其实就是身兼多项技能的尊称,一方面随着已经入行UI的人员越来越多,能力普遍也越来越强,大家都在不段的累加技能,特别是高级设计师一般都具备多项技能,一个人顶几个人用,设计考虑的也更深入一些。对于从业人员来说,工作量是变大了,要做的事儿多了嘛,对于企业来说,捡了大便宜了,花最少的钱获得身兼多项技能的设计师,随时时间的推移,未来发展我觉得会慢慢趋向于多项技能与一体的综合设计师会很多,这是时代的发展趋势,也是竞争出来的结果。

    如果是进入中小型公司,目前2019年的行情,一般都要设计+交互都要涉及到,交互上一般只要能绘制基础的原型图,能读懂设计需求,或者是能对需求进行归纳分析制作成原型图就行了,不会像大公司的专业交互设计那样那么严格的要求。

    另外来看一看目前大公司UED团队的分工(见下图)。分工比较明确,专业的人干专业的事儿。效率更高,产出的价值更大,为企业创造更大的利润。

    看到这里,总算明白为什么UI设计师比平面和电商设计师的薪资普遍要高一截的原因了,技能上要掌握的实在是太多了。

    现在还有一个非常尴尬的事情:“目前行业里在职UI基本上都能做一些平面和电商的设计工作,反之就不行了?!?/p>

    从2019年整个职场招聘的要求来看,UI设计师需要掌握四大核心知识结构才能找到UI工作:APP、小程序、网页、后台界面、H5。

    上面这个视频是虎哥徒弟们做的一个动效作品集合,目前UI设计师越来越注重动效的表现,前提是你的界面一定要做工精致、交互合理、视觉舒服。

    看到这里很多同学会觉得UI设计还挺复杂的,要学的东西好多哦。没错,确实很多东西要学习,并不是一个简单的工作。因为有挑战,所以才更有趣,更好玩!

     

    需要学习多久可以达到找工作的要求呢?

    这个问题大家一定非常的关心了,在这里和大家说一下,你要注意这个时间节点,不要报侥幸心理。下面的时间,是按照我们自己的课程设计来举例的。UI学堂 //www.geg6.net/xuetang,也可以了解一下我们的课程安排,心里有一个数。

    如果你是完全0基础的新人:先学软件(见下面介绍),ps ai为主,正常来说至少需要2-3个月的。(可能很多人还只能勉强会用,说不上特别熟)

    如果你已经掌握了PS和Ai,或者本身就是做平面或者电商、网页等有设计基础的:至少需要系统学习4个月,主要是UI内容非常多,不难,就是需要时间去一点点消化。

    准备作品集:至少需要1-2个月,找工作就靠作品集了,每一页1920-1080尺寸的pdf格式文件,一般要准备50页左右,才丰富有说服力。

    找工作需要准备的原创成套的案例作品看这里>>

    数学好的人,一看就知道时间怎么相加了,也就是完全0基础的同学,至少需要学习6-8个月,并且是系统的学习。自学的话时间更难计算了,给不了建议。

    记住我说的:任何少于这个学习时间的课程,都是达不到入职要求的。这句话你若仔细理解了,你就不会被人骗了。

    现实世界其实有很多坑,很多小白啥也不懂,一激动一拍脑袋就入坑了,欠一屁股债不说,最后还没找到UI工作,只能去做小美工了。哪里出错了?

     

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

    虎哥的建议是分二步走。

    第一步学常用软件

    很多新人都特别对软件感兴趣,先来看看UI设计平时都会用到哪些软件。工欲善其事,必先利其器。


    虎哥常用的一些软件给大家看看,看看你会用哪些个?第一排是主流常用软件,第二排是一些辅助小工具,提高效率的。

    目前行业里做界面主要是用Sketch(mac电脑)或者XD(mac和pc都能用),处理图片(活动页之类的)还是以PS为主。交互原型工具目前挺多种选择,比如Axure、Mockplus、xd、Sketch都可以做常规的交互原型图,但是要想做逼格高的动效交互原型可以用ProtoPie、Principle、Flinto。标注用蓝湖,图片素材管理用Eagle,字体管理用HelloFont。

    软件太多了?不知道怎么选择,那就按下图来吧,这是目前最主流的必备软件,我们的高级UI课程就是以这个为主。没有标MAC的就是PC电脑都能用的。

    如果你软件PS、AI都不会用,或很菜的情况,可以先报一个只学软件的在线培训班,1千多学时在3个月左右??梢粤私馕颐堑?a target="_blank" rel="noopener">软件基础班>>

    也可以购买在线视频课程只要1-2百元左右,但从效率上来说,报在线培训班会掌握的更快一点,主要是老师们把重要的知识点圈出来了,少走很多弯路,节约更多时间。现在在线学习也非常方便,效果也挺好的。

    千万不要一拍脑袋啥都不清楚的情况下,就花2万块报了宣传语是3-4个月年薪20万的培训班,那就呵呵哒了,你以为钱是这么好赚的,3-4个月肯定是不够的,几乎不可能的事儿。3个月也就是能把软件摸熟一点,能不能自己创作设计出来东西,还是有很大困难的。现在UI行业要求越来越高了。

    如果你英文马马虎虎,也可以看看国外大神级的Martin?马丁老师的一套视频教程,本课在海外被誉为Adobe培训第一课。老师讲课非常生动、非常有趣,国内销量很高。

    Ps大师课:PhotoshopCC2018教程” Ai大师课:Illustrator 2018教程

    课程介绍>>

    课程介绍>>

     

    PS是一定要熟练掌握的??★★★★★

    ps

    对于入门阶段的童鞋来说,不要纠结那么多,先把Photoshop玩熟练再说吧,这是所有软件的基础,学会了以后再学其他的软件就非常容易上手了。所以入门阶段的你,不要瞎操那么多心了,专心学习PS吧。

     

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

    1. Photoshop 2019?软件下载?请到官网下载试用版,然后干啥自己百度
    2. 怎样安装Photoshop画笔,形状,动作,滤镜等插件
    3. psd 缩略图查看插件(也可以按照美图看看也能看到)

     

    新手先集中精力学习PS和AI。这2个是最基础的工具了。如果要安装的话,建议安装最新版的 CC2019。

    1. PS大师视频课
    2. PS基础视频教程(比较老的一套)
    3. PS图标设计教程(上百个案例讲解)

     

    插件安装

    插件可以帮助我们在工作中快速的完成一些琐碎的事情,节约时间。

    1. 切图标注神器:摹客iDoc??蓝湖,PxCook 像素大厨,Parker,zeplin
    2. ?IconTemplate?启动图标生成插件
    3. 安装一个Ps Mirror可以在iphone上实时观看效果。
    4. PS 2015圆角神器 Corner Editor 来了(UI设计必装神器)
    5. PS 玩转长投影(带PS动作)(现在流行的长投影傻瓜模式)

     

    配置Photoshop参数,做UI更方便

    PS-UI??Ps改进UI设计的一些技巧??图片为什么会模糊?

    PHOTOSHOP 52个疑难问题解答??PS 真正使用技巧??z78

    PSD-layers-1-1? PSD-layers-2-1??10条PS技巧,提高工作效率

    怎样在PHOTOSHOP中保持像素的完美? ?让页面更上档次!网页设计细节大总结

    1. Photoshop CC 2019新功能详解+练习
    2. Adobe PS 2019 新功能全面解析
    3. “定义笔刷预设”使用攻略
    4. 45个设计师需要熟记的ps快捷键
    5. PS真正实用技巧
    6. Ps改进UI设计的一些技巧(必看)
    7. 设计新手在PS中最常犯的6个错误
    8. 你的PS很卡吗?来瞧下这10个加速技巧

     

     

    AI是必须掌握的??★★★★

    ai

    1. AI大师视频课
    2. AI快捷键下载>>
    3. 布尔运算由浅入深,有它就够了!
    4. AI混合教程【教程】
    5. 如何在Adobe Illustrator中绘制水果图案
    6. 教你用AI绘制喝咖啡的女孩
    7. 线性小插画绘制【教程】
    8. 用AI绘制扁平线性风格化图标
    9. 教你用AI制作灯泡文本效果
    10. 教你用AI打造YOGA风图标【AI教程】
    11. 教你用AI制作萌萌哒的MBE风格图标(第一弹)【AI教程】
    12. 教你用AI制作萌萌哒的MBE风格图标(第二弹)【AI教程】
    13. 渐变透明图形设计【AI教程】
    14. 用AI绘制扁平化太空流星风海报
    15. 教你绘制写实的牛奶和燕麦饼干【AI教程】
    16. 仅需5步!手把手教你如何用AI绘制3D效果形象

     

    zhongdian

    0基础新手重点先学好PS和AI。上图中Axure、Principle和Flinto都是原型设计工作,可以做动态的演示。原型制作工具还有比如MockPlus,墨刀等等,Zeplin是国外的一键标注插件,国内用蓝湖切图标注比较多。

     

    软件方面从重要级别上用5颗星(满分)来说明一下,新手心里有个数:

    1. PS?★★★★★
    2. AI?★★★★
    3. SKETCH ★★★★? (界面设计神器,轻量级专业UI设计工具,插件多、运行快、资源丰富,只能在MAC上使用)
    4. XD?★★★★(和SKETCH功能类似,好处是WIN10系统可以使用,MAC系统也可以使用)
    5. AE?★★★(动效工具,主要做一些小动画比如下拉刷新、图标微动画、loading等等)
    6. ProtoPie★★★(动效原型工具,目前腾讯开始推行这个,做的原型可以在手机上模拟真实的开发效果)
    7. PrincipleFlinto ★★
    8. Axure?★★(原型图工具,也可以用磨刀、MockPlus、sketch、xd等替代)

    AE的学习可以稍微往后放一放,我个人建议是界面做的拿得出手了,再来学习AE,目前在工作中用到AE的地方还不多。

    最近2年也流行用SKETCH来设计界面,好处很多,坏处就一点,你得先有一台mac电脑。目前国内很多公司已经给UI设计师配了mac电脑。

    1. SKETCH中文设计手册
    2. 四步上手设计神器 Sketch
    3. 硅谷大神教Sketch三??挽趴嵘杓?/a>

     

    硅谷大神教Sketch三??挽趴嵘杓?/th> AfterEffect2018零基础入门AE

    课程介绍>>

    课程介绍>>

     

     

    UI设计入门阶段先要学会以下几个功能,一定要玩的很熟练。

     

    第一:布尔运算绘制图标??

    1. 布尔运算由浅入深,有它就够了!
    2. 布尔运算实战教学(干货篇)
    3. 教你从四个方面来评价图标设计的质量
    4. 如何绘制功能图标基础篇?
    5. 超全面讲解应用图标设计九大原则
    6. 如何系统学习功能图标?
    7. 教你如何绘制风格统一的APP界面图标
    8. 如何画好一组线性图标
    9. 如何学习Yoga Style?
    10. 设计师进阶笔记:关于图标你了解多少?
    11. AI绘制图标小技巧
    12. ?图标绘制基础指南,一篇就够!
    13. 绘制扁平图标竟然有这么多小秘密?
    14. 五分钟教你快速掌握三维图标
    15. 如何系统地设计界面图标
    16. 新手福利!系统图标的9种风格设计实例讲解
    17. ?我们可以这样学习别人的图标风格
    18. 图标设计-快速分析设计APP
    19. 新手福利!超详细解析系统图标设计的6大原则
    20. ?4个规律快速画好断线图标!
    21. 标签栏ICON的设计与应用

    学UI网公开课视频教程:https://space.bilibili.com/26890291/#/video

     

     

    第二:图层样式?

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

    ui-lava-tabs-menu-design

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

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

    相关的教程:

    1. 一个按钮有话说(PSD下载)
    2. 还在担心按钮设计吗?来看看这十条基本准则
    3. 教你画一个开关
    4. 如何与像素打交道
    5. 透明导航设计讲解

     

    第三:图层的混合模式

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

     

    第四:形状工具

    1. 玩转PS形状图层UI设计师必看
    2. 虚线的画法
    3. 设计师必须掌握的贝塞尔曲线的秘密(分分钟学会钢笔工具)

     

    第五:安装字体(虎哥整理的)

    ?131?141

    字体是有版权问题的,咱不能瞎用字体,以免公司被告赔钱,不便宜。注意微软雅黑只允许在网站上使用,不能用于其他地方,很多公司因为设计师的疏忽赔了很多钱,几十万的赔。平时练习的时候无所谓,但是商用了就麻烦

    1. 免费的商用字体,90%的设计师都不知道!
    2. 一份详尽全面的UI设计字体与排版指南
    3. 10个排版秘诀搞定你的设计!
    4. 字由?字加?字魂(字体管理插件,里面有各种分类,很方便)

    开始做点什么(临摹阶段)

    虎哥耗费了半年的新鞋,啊呸,是心血打造的UI作业网 zuoye.www.geg6.net,从此大家伙儿又多了一个好玩的地方啦,嘻嘻。交作业等解答团的大侠们给你点评哦,哪里有错点哪里。

    ZUOYE

    演示2

     

    开始练习!先学会技法。

    yun? ?Signal icon1

     

    20170906061? ?220-150? ?cover200136

    bianping-1-220x150? ?线性小icon教程? ?cover:2017-07-05

    xiaomao? ?200X136? ?cover_xiangji400-272-220x150

     

    jiemianlianxi

     

    除了学习软件操作外,还经常有人咨询我:“虎哥,有没有什么适合新手小白看的UI设计书哇?不知道哪本比较适合?”还真有。

    作者田海(B哥),国内知名UI设计师,多次获得国内设计大赛大奖,曾先后在腾讯、阿里工作,2017-2018年编著零基础学UI系列丛书,全网销售超过4万册。

    学生、设计小白、电商设计想转UI,平面想转UI,在职UI新人,都适合读这本书。?它可以让你系统的了解UI的知识,背后的逻辑。

    点击查看这一套书的介绍页面>>

     

    虎哥给你说个时间节点,软件都不会的新人至少要6-8个月的时间学习(参加线上培训班的有老师带的情况下)才可以达到UI设计师的就业要求,这还不能偷懒,多做练习,多动手。记住我说的这个时间范围,少于这个时间段的基本上不可能,别听别个吹牛逼,3个月0基础年薪20万,做梦。

    当你软件掌握的差不多了,达到临摹图标和界面没有太大问题了,开始下一步。

     

     

    第二步学专业UI设计系统知识

    UI设计师工作流程:

    kaihui

    图片来源:https://speakerdex.co

     

    设计流程:

    工作中讲究配合,设计师在整个项目里面处于中间的位置,我们的上游是产品交互设计师,我们的下游是前端或者程序小哥。一般在项目立项的时候,设计师就会参与到产品讨论之中,当然有些公司简化了流程从来不带设计师玩的,只给需求让设计师做。我们在拿到设计需求的时候一点要认真看,仔细分析下。

    1. 一篇文章玩转UED团队设计流程
    2. 网易严选APP品牌设计流程大全
    3. 须知:APP的UI设计流程
    4. 浅谈设计流程与产品分析
    5. 国内知名UED团队的设计流程!
    6. UI入门必读!工作流程介绍
    7. 合理做UI的工作方式与流程
    8. UI产品设计流程,一定要看哦!
    9. 设计师必看!一个专业设计流程的7个步骤
    10. 你对设计规范流程了解多少?

    更多设计流程点我查看>>

     

    下面我们来讲讲学习方法:

    zaxiang
    插图来自mixpanel团队

     

    UI设计教程??UI新人疑惑解答??Cover:Article-2015.11.18

    zhishiku??思考? gaoxiaoxuexi

     

    1. 设计思考:设计师如何提高产品思维 ?
    2. 如何才能做到原创?
    3. 提高审美除了多看,有没有捷径
    4. 如何做练习才能有效吸收?
    5. 新手UI设计师如何快速成长
    6. 谈改变,设计师受用一生
    7. APP概念设计前后那些事儿(扩充作品集)
    8. 更多学习方法大集合>>

     

    学UI网顶部导航栏目——>经验,见下图。没事就多看看。

    1. UI设计师如何积累知识库?
    2. IOS:iOS 9 人机界面指南
    3. Android:Android设计规范 Material Design
    4. 网页:《网页UI视觉设计规范
    5. 图标设计流程及小技巧
    6. 简述实用的网页UI设计流程
    7. APP界面设计流程

     

    学会切图

    1. 新手福利!超全面的UI设计切图规范
    2. APP界面切图命名和文件整理规范
    3. CutterMan插件下载
    4. 【详细介绍android和ios平台的切图】
    5. Android切图(点9小贴士)
    6. 更多切图文章教程
    7. IconTemplate?启动图标生成插件

     

    常规网页UI切图(3种方法,各有各的好)

    做ui必备–PS切图动作用法? ?PhotoshopCC新功能 生成图像资源? ?photoshop切片使用小技巧

     

    移动端UI切图必备教程和工具

    qietu1??Android安卓平台的切图小贴士? ?draw9patch

     

    map-file-naming-and-specification??slice? ?UI-xinshou1

     

    设计标注神器:

    蓝湖 、摹客iDoc?、PxCook 像素大厨、Parker、zeplin、Cutterman

     

    IOS移动端重要知识:

    ? ?? ?

    ? ?? ?

    移动端界面设计之尺寸篇? ?App-visual-optimization-design-wechatcover-220-150

     

    ios10

    1. 移动端界面设计之尺寸篇(淘宝版)
    2. iPhone6 & 6 Plus 视觉设计适配说明
    3. 新手福利!超全面的UI设计切图规范
    4. UI适配攻略·教程④一稿配双平台
    5. h5移动端页面设计学习文档
    6. Dribbble 2016十大设计趋势总结
    7. 图标设计的三个小原则
    8. 新设计趋势来临,解读 iOS 10 设计指南
    9. 一份详尽全面的UI设计字体与排版指南
    10. 17大平台设计语言汇总

     

     

    安卓可以看看下面这几篇文章:

    mdzhinan

    1. 安卓1080P界面设计规范解读
    2. 6个技巧帮你把IOS的UI转换成安卓!
    3. Material Design 安卓5.1L (UI kit包下载?。?/a>
    4. 天天喊着学UI,知道安卓和iOS的区别吗?
    5. UI设计师不可不知的安卓屏幕知识

     

     

    各类尺寸规范大合集:

    //www.geg6.net/design/rule

     

    平台规范大合集:

    学UI网址导航平台规范板块://hao.xueui.cn/

     

    网页端:

    web1

    1. 网页UI是如何标注的?(附带WEB UI视觉规范文档)
    2. 网页UI视觉设计规范
    3. 网页设计基础技巧
    4. WEB设计指南!
    5. 界面设计速成
    6. 【新人必知】页面设计的九个要点!
    7. 不要让用户思考

     

     

    色彩的学习

    secai

    ? ?? ?

    ? ?? ?

    叠柔配色法? ?如何成为配色达人

    1. 设计师必知的色彩基础知识
    2. 让配色更加顺畅,你需要记住的7条定律
    3. 六种配色方法让你的设计方案666
    4. 明亮的色彩如何应用在UI设计中?
    5. 一篇正直的基础配色说明
    6. 设计中关于颜色搭配的一些小经验
    7. 配色秘要:永远不要使用纯黑
    8. PS教你做渐变大背景
    9. 向大师借鉴的灵感配色

    更多色彩搭配的教程,点我点我>>

     

    最后推荐一些书单

    好了,差不多了,这些都挨个学一遍。就入门UI了。学UI 要学的真的很多,这些都是基础的知识,这些掌握了,才能到达?中级阶段,加油!少年~~!

    最后要是想顺利的转行UI设计,必须要有拿得出的成套的作品。

     

    什么是成套的作品集了?

    起码要一套15-20页的app界面,交互流程要顺畅,这个需要自己好好研究研究。网页界面1-2个,然后包装一下。

    可以参考//www.geg6.net/laohubang-zuopin

     

    作品集为什么要包装了?

    包装其实反映了一个设计师的综合的实力,考验一个人能不能从大的方向把握整体的风格,版式形式感能不能贴切你的产品定位,配色和基础的排版能不能做到整体一致性。视觉规范的统一性如何。等等。当然,看着也是高大上的,把学到的东西串联在一起,写上设计思路和说明,更容易让人理解你的设计思维。你不是一个单纯的做图仔,你是一个有脑子的,会思考的设计师。

    包装可以去参考虎哥的徒弟作品集,每一套作品都是自己命题原创作业,经历1-2个月的时间打磨出来的,可能很多人觉得哇,特么要这么久吗?对的,真的要这么久,基本上都是从app的界面主界面开始做15-20个然后整体改了10多遍,然后包装也改了5-10遍,才达到拿得出手的效果和质量。真的不是随便套个模板就搞出来了,没有想象的那么简单。往往很多东西看着简单,真正自己做起来就不是那么回事了,毕竟大部分的人还是很普通的新手。

    每个人的基础不一样,激发潜能的深度也不同,原创的设计作品确实不容易,希望大家努力吧~~!

    其实吧,你只要稍微努点力,就能甩掉全国90%的懒娃子。学习之一个长期的过程,需要坚持!坚持!还特么是坚持!

     

    下面是虎哥(学UI网创始人)私人微信号:hu2020 (请备注来意,不然不通过哦)

    如果希望虎哥根据你的情况帮你指导学习方向和建议的,请提前写好个人详细情况,沟通起来才畅通。有时候比较忙回复不一定及时,但肯定会回复,请耐心等待并谅解!

     

    整理编写:学UI网虎哥

    转载请注明:电子游戏的作文600 » 学UI入门阶段到底要掌握哪些知识(UI第一阶段课程)

    登录收藏
     
    你可能喜欢的:
    独家 | 2020年交互设计趋势独家 | 2020年交互设计趋势
    关于空状态你了解多少?关于空状态你了解多少?
    交互设计中让人困惑的三大组件你会用了吗交互设计中让人困惑的三大组件你会用了吗
    互联网设计师应知的专业术语合集-2互联网设计师应知的专业术语合集-2
    交互设计师常用的设计理论与心理学交互设计师常用的设计理论与心理学
    规范流程下的原型设计——你的原型真的有价值吗?规范流程下的原型设计——你的原型真的有价值吗?
    邂逅二次元爱豆 — 波洞星战 设定邂逅二次元爱豆 — 波洞星战 设定
    保持好奇心,产品体验小观察-01保持好奇心,产品体验小观察-01
    让设计有温度-对视障设计的一些思考让设计有温度-对视障设计的一些思考
    音频 | 开屏页设计,看这篇就够了!音频 | 开屏页设计,看这篇就够了!
    ?
  • [猜想]大家认为可能存在这种自相矛盾的分配制度么? 2019-11-09
  • 世界3D打印技术产业 大会会址永久落户佛山 2019-10-29
  • 网约车陷阱多 谨防四类风险 2019-10-29
  • 其实,生产力发展了,社会财富丰富了,把小萌们养起来也不是什么问题……但你们不能被养着还养出脾气来还妄图对真正的劳动者指手画脚! 2019-10-24
  • 【地球的盛会文明的聚会艺术的盛宴四海一家足球为人类和平幸福而荣耀!!!普京是当今人类世界最优秀的一代伟人俄罗斯赢啦!!!】 2019-10-24
  • 【专题】王学义教授做客长城网燕赵名医大讲堂 2019-10-23
  • 习近平时间携手共建生态良好的地球美好家园 2019-10-19
  • 澳门修订《司法组织纲要法》 涉国安法案件限中国籍法官审理 2019-10-19
  • 奥尼尔晒出自己修脚视频:该死,她不得不带个口罩 2019-10-10
  • 学习十九大精神--福建频道--人民网 2019-08-21
  • 奇闻怪事:瑶族怪异风俗习惯之烟袋定情 2019-08-21
  • 六一记忆:不同的年代 同样的快乐 2019-08-19
  • 南非办“武林大会” 看看中国文化在国外有多火 2019-08-19
  • 图说党建--安徽频道--人民网 2019-08-15
  • 团结、进取——百奥人不懈追求的企业文化 2019-08-15
  • 夜店之王怎么样赚钱快 内蒙古十一选五前三直遗漏 青海十一选五app 求一个大唐炸金花群 南通棋牌五人斗地主 重庆时彩时彩结果 广州按摩女打飞机 在刷宝上看视频真的可以赚钱吗 时时彩组选包胆介绍 安徽一定牛十一选五 163老时时 大陆经典a片 大赢家足球即时比分蠃 王者荣耀上官婉儿图片 中国美女模特内衣走秀 为赚钱变性成女人