写在前面(不缺钱,找个培训班因该能少走不少弯路,节省不少时间。我自己没上过培训班,但是别人这么说,我也觉得对。但是如何甄别培训班的水平,这是一个问题。)
(李涛的ps教程不错你可以看一下)(一边看,一边跟着做,动手很重要)(软件可以是别的比如AI,方法是一样的)
附赠一个PS新手手册,其实不仅仅是新手,这就像一个讲礼貌的素质,会赢得更多尊重。
找一些自己喜欢好看的图标、APP、网站截图下来,尽可能百分百临摹复制出来。
(不懂就看教程,百度,进各种设计、UI群,问别人,问朋友。百度和教程是第一位的,尽量少问别人,问多了会烦的。尤其是重复的问题,新手有时候简单的操作记不住不会Bsport体育,因此勤做笔记,一个一个步骤细致一点,确保下次还能按照步骤重来一遍)
最直接的效果就是你可以开始上手做东西,而不是做一些四不像的半成品。(因为你已经做了好几套成熟而完整的作品了,临摹的也是你做出来的)(很有必要强烈推荐)
浏览各种设计类的网站(站酷,优设、UI中国。。。)看别人的学习经验,下载收集设计类的素材。
可能这里是别人的飞机稿,练习,项目上线以后才发布的稿件、很多是对新趋势的尝试,产品的改版、还是相对完整的作品。这也是有一定价值的。
而且网站还有更多的内容是别人的经验总结(快速解决某些问题,掌握某些知识的利器),教程和各种精美实用的素材。(不建议花太多精力学习——某些过于炫技的东西)
下载各平台的设计规范(安卓,苹果,WP)仔细研读,并在练习中加以注意,应用。
自己觉得差不多了,就可以开始对已有的APP,网站进行修改设计,发现优点与不足。变成自己的东西。自己尝试做自己想法的东西,发表在 你经常浏览的设计网站上,接受别人的提意见,赞同,表扬。
准备找实习的工作(这是一边工作一边学习的过程,私以为这个阶段学习比工资更为重要)
在实习中有了项目经验,公司对你好,有的学,那就好好干,对你不好,没啥好学的,那就跳槽。
跳槽的重点,你仍然需要学习,所以尽量不要找只有一个你一个设计师的公司,没有交流没有学习不会愉快的。
以下为转载 ——以下为转载—— 以下为转载—— 以下为转载 ——以下为转载 —— 以下为转载 ——————————————————————————————————————
写在之前:这篇教程内容比较多,如果你是新手,能坚持每个知识点都搞明白的话,起码要半年的时间~~!、如果你进来随便看一看就走了,那不能怪别人,是你自己不努力~!~~已经有很多新人在这里学完找到了高薪工作。
今天来谈谈这个话题,学UI第一阶段到底要掌握哪些知识和技能。我们先来划分一下啊,学UI要分几个阶段来学:
QQ群里大多数学生都还在入门阶段,感到很迷茫,不知道从哪里开始学起。网上的海量信息,全是教程,都不知道先看什么,后学什么。非常的无助。
小编拥有多年UI设计实战经验,大大小小也做了很多项目,借这个机会,给新人们指引一个方向,希望能帮助到大家。
入门阶段,就像一张白纸一样,干干净净,也很茫然。所以才会有那么多的培训学校,教给大家的都是最基础的入门的知识。
答:你如果定性比较弱,需要人逼着才学的进去,又不差钱。那么就报班吧,这样入门比较快。选择学校的时候先去听听,在问问大家,不要被忽悠~!~如果你自学能力还不错,又差钱。那么还是自学好了。
下面我们来讲讲自学,因为小编从业多年都是自学。谁叫咱是穷孩子,交不起16800的学费。
对于入门阶段的童鞋来说,不要纠结那么多,先把Photoshop玩熟练再说吧。因为在日常工作中,用的最多的就是PS了,可以这么说,做UI界面基本上用它就够用了。所以入门阶段的你,不要瞎操那么多心了,专心学习PS吧.
好了,软件也安装好了,视频看了不少了。接下来就是要做各种练习了。前边UI到底是什么一文里面也说了,UI不光是画ICON,还要做界面。还有一些交互知识。
这个时候,逮到什么画什么,比如打开百度的首页,这个界面不陌生吧,照着画一个出来。有人说了,这有什么好画的啊。你还别不服。很多入门级的新人,还真是做不出来。
Photoshop的知识点太多了,用了10年都不敢说精通。每个不同的设计领域用到PS的知识点也不一样。
比如做CG原画的,做网页设计,照相馆处理照片的等等用到PS功能都不太一样。
上面做的百度这个页面,看着简单,却用到了好几种的图层样式。那么像下边这样的按钮。
用到的就更多了。所以想打怪升级,还是要把图层样式玩的很熟悉,入门阶段要分析的出来,用到了什么效果。
第四:学会切图(常用的切图办法就在这里,先挨个学一遍,然后根据实际的情况选择相应的切图方法)
学UI 要学的真的很多,这些都是基础的知识,这些掌握了,才能到达中级阶段,加油!少年~~!
交互设计是一个实战才能出真知的专业。我研究生的时候读的是HCI,专门应对设计,也读了不少书,但是发现在工作中学习到的比读书来的真实的多。
多看现在美国创业公司的产品,思考为什么这些产品能吸引用户,能得到风投,能设计创新。思考如果是你,会怎么评价,怎么修改,能不能做到一样好,或者更好。
例如研究移动App,我习惯定期下载App Store里每个栏目最好的App,一次下100多个,慢慢把玩,慢慢思考,把自己想象为这些产品的设计室和产品经理。
除了了解产品,业界趋势,设计概念,还需要多和人沟通。交互的软技能特别多,能不能把一个故事说出来,让所有人都信服,都喜欢,都是需要经验积累的。
可以看下我的Linkedin,有我做交互的经历,我尝试过美国政府部门,学校机构,传统500强公司,互联网公司,等等。每次工作经验都对我现在的设计工作有很大的帮助。
工作很多年,还是很喜欢交互设计这个工作,也希望你在交互设计的道路上越走越好。
UI设计这一行,学好学精不容易,只有在实践中不断摸索进步,学习甚至在前期不断模仿那些优秀的UI设计大神,才能慢慢形成自己的设计体系。
互联网时代最好的一点在于打破地域和空间的局限,设计师可以自由交流成长,还有那么多设计资源可以获取。我也来说几点看法:
包括PS、AI、Sketch等UI设计中常用到的软件,先从一个软件学起,网上有很多这类的教程可以下载,当然啦我也会整理分享给大家。
这是最重要的一部分,当你的理论知识掌握到一定程度时,要增强自己的动手设计能力,并且在过程中多和设计师交流,找到自己的不足,可以加一些设计交流群、或者多参加一些线下设计活动。
实践中多画一些线框图,多临摹一些好的作品,比如完整的App、图标界面控件等,你会慢慢发现自己的变化,回过头来看之前的作品也会明显感受到差异。
虽然网上有很多速成的教程,但设计大师写的书籍还是必看的,需要好好沉淀自己。
无法给你一个精准路径,像这样庞大的问题如果有个方程式,所有的设计都应该精彩,所有的设计师都应该完美。不论具体路径如何,做得少一定不行。无论你如何开始,我觉得都不重要,每个人成长轨迹都不同,也没必要追求这个一致性。开始并持续就行了。
我给你的建议如下:1.综合参中基础部分动手开始;2.记住所有的工具使用都是为了产出你大脑中勾画的设计样式,是必备,是效率维度,但永远不是设计好坏的核心;3.在观察精彩案例时尽量分析。例子:同样是两种色彩,搭配时的效果完全不一样,跟什么相关?可能是他们的使用面积,位置,明暗。分析出这些后,在应用中努力的举一反三;4.所有的认知都要靠动手验证,没做过就不去妄言;5.不亢不卑,未知不是卑微,只要是个设计,你就有阶段,任何人都要经历,只不过你来的晚了些而已。所以你一定会成长,也有机会成为那个优秀的设计师;6.设定一个更长的成长期,只要是相左的设计意见,在这个阶段,尽量沉下心仔细聆听,去糟粕,取精华。不要试图强化自己的认知,尤其在刚开始几年;7.基础(一穷二白) 看(审美力,判断力) 练习(验证) 工作实践(多维度认知) 聆听(吸取精华) 思考(去糟粕) 综合性(设计的矛盾) 敬畏(未知)
大路径几乎都如此简单的混乱的简洁的复杂的+简洁的系统化矛盾的?未知的
可能大部分类似的问题都想找一个路径,这个路径清晰,准确。我觉得这不太现实。今天开始就动手吧,不论是从软件视频开始,还是从一个合成构图开始,设计是个细分众多的领域,先寻找自己容易做好的那个细分开始。如果确定不下来这个方向,可以多找些老设计聊天。
很多人有了兴趣却不能持续,是因为被最开始的困难吓到了,可是众多领域里,哪一行又容易呢?至少你还有兴趣支撑,相对来讲,你是幸福的。
随着互联网行业的发展,如今市场对于UI设计师的要求越来越高,对应的UI设计的学习内容也越来越多。如果你现在还想拿着一项大多数人都会的基础技能找高薪工作,这基本不太现实。
互联网刚刚兴起之时,UI设计的门槛很低,也许你只会平面设计或者单纯的网页设计就能找到一份很不错的工作。但现在,随着智能手机的普及,5G时代的来临,网民基数越来越大,大家对于界面的要求也越来越高,对应的企业的要求也发生了很大的变化。产品生产的人性化意识日趋增强,越来越多的企业开始注重交互设计、用户测试方面的投入。企业不仅需要UI设计懂设计,还需要懂交互、懂用户心理,甚至还要会代码、AE制作动效、以及插画、手绘等等。
我现在从一个成熟的UI设计课程去拆分讲解具体的学习步骤,以及学习中的注意事项,希望给大家带来帮助。
答案肯定是可以,但是有美术功底的UI设计师在一定程度上会使自己的竞争力更加突显。创意想法对于UI设计来说是很重要的,但这只是一方面,能通过不同方式与途径准确地表达出自己的创意想法又是另一方面。对于有美术基础地设计者来说就会有更多地表现形式来表达自己的想法,比如常用的手绘、插画、写实图标等。
所以我们要学会在今后的UI设计工作中,利用手绘。在这个部分的学习中,其目的是通过手绘掌握并了解形体的结构,光感和空间关系。后期才可以将手绘渗透到作品中,把手绘和鼠绘结合,从零到一的进入到插画,进一步渗透到项目作品中,比如电商首页、专题页、APP闪屏、缺省页等。
学习手绘,并不是需要大家达到专业美术生的水平,而是让大家学会利用手绘更好的表达自己的作品。因为软件操作带来的灵感远没有手绘带给我们的思路敏捷。每一个成熟的设计师来讲,好的创意和想法一定不是先来自于电脑,而是先来自于本上,手绘是创意和灵感最好的表现及表达方式,养成手绘的习惯和会手绘这件事能够更加拓展设计师的思维,把你对图形的需求快速呈现草图上进行快速的演变图形尝试对比,进而提高工作效率。
软件是UI设计不可缺失的辅助工具,工具的学习并不在多,而在于你是否能熟练的使用工具将自己的想法表达出来,让工具化身为左右手去协助自己完成设计。每一类设计工具选择一到两熟练操作,在今后的工作中遇到类似工具是可以很快上手的。
其实,学习工具最快的方法是带有目的的学习,使用反推法学习可以让你更清晰更直观的了解这个功能存在的意义。以案例入手从案例中学习新的工具,让工具和技法和案例融合一体,从而加深对软件及其综合能力的入门和提高。
下面我们选取PS、AI这两个设计中常见的工具来简单介绍一下,其他工具也可以参考这样的学习模式。至于软件的熟练度就需要你自己花时间反复练习。
PS,Adobe Photoshop,是由Adobe Systems开发和发行的图像处理软件。相信不是设计行业的小伙伴也对它久仰大名,更是设计专业人员必须掌握的设计工具。Photoshop主要处理以像素所构成的数字图像,其重点在于对图像的加工处理。
初次接触PS,我们需要自学掌握PS基础、工具详解、布尔运算、图层样式、混合选项、蒙版、调整图层、滤镜、混合模式、图像等。我们如何一步步将这些功能摸清楚用明白呢?
我们只有不断的通过对商业实战的分析,通过结果的反推,让软件和设计思维相结合。在反推和临摹的过程中,让我们的工具基础更加扎实。
AI, Adobe illustrator,是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。它的功能强大,用户界面体贴,是大多数设计师选择矢量编辑软件的不二选择。
对于AI,我们需要掌握AI的图形符号功能及使用技巧,AI的渐变、混合工具、2.5D插画,再到绘图工具的精通,通过主流插画风格的学习及风格的转换,学习插画中的色彩,最后实现Logo图形的绘制技巧及字体设计等。
以上这些其实只是对工具有个基础的认识,让你了解工具的功能,然后反复去熟悉工具。至于如何利用这些工具,还需要继续进阶学习。
没有设计思维,工具用的再熟练,设计出的作品也不会被大众认可。所以我们必须学习设计的原理,掌握设计基础。将理论和实践结合,完美的将自己的想法合理的展示出来。
这个阶段中可以引入Logo设计、字体设计和VI手册设计,在理论中穿插实操,让学习富有目的性,在操作中反推设计思维。
什么是Logo?如何入手做原创Logo?Logo的常见表现形式?这里将Logo和文字设计相结合来讲解一下学习步骤。
学习平面构成:点线面,了解平面空间的基本元素,以设计的手段来让元素变得更精致更富视觉冲击力。
学习平构基本形式重复、近似、渐变、变异等,培养逻辑思维和造型能力以便我们能够将其运用到实际的设计当中。
从Logo设计头脑风暴中开发自己,思维空间从宏观到微观提取设计关键词。
学习Logo草图绘制多种方案,这里就要用到之前学习的手绘技巧啦,然后选其中一种进行继续优化。
通过不同关键词相互组合,做图形提炼、结合、重组,赋予关键词图形化,图形化优化定稿。
根据字体横竖撇捺等了解文字结构字面、重心、独体合体字、中宫处理等,掌握字体变形设计,完善Logo提案效果图,增强过稿概率。
在Logo设计中我们学习了平面的构成、字体设计等,在画册学习中我们同样会穿插设计知识。比如设计的色彩心理学、色彩对比及配色技巧,VI基础+应用部分规范及内容,场景应用效果图及尺寸和材质等。通过自己模拟项目,去深入掌握VI手册基础部分。
平面设计是UI设计的基础,我们通过平面设计去学习了设计基础、设计思维,减少了UI设计学习阶段中的很多疑惑。
互联网时代,绝大多数企业都意识到通过线上资讯来吸引更多的潜在客户是多么重要。这些潜在客户对你的公司及产品印象的好坏,很大程度上取决于你在网站设计上投入精力的多少。企业站和电商平台也是互联网环境下企业必不可少的传播平台和C端自主交易平台,是互联网产业下的主流平面设计。
所针对网页设计,要求你熟悉和掌握Web端设计的规范,了解网站基本架构和栅格化布局,重点掌握企业站界面设计规范和输出规范,且能够根据企业真实需求设计页面。掌握网页中的版式设计,构图排版,网页中的色彩、文字、图片搭配,掌握企业站首焦图的设计技巧。
而电商部分则需要电商行业设计要求与设计规范,学习电商行业不同类型的设计方法和店铺包装方法,掌握电商设计全流程以及电商Banner版式设计。
(1)企业响应式网站/一屏网站设计:掌握网页设计流程及规范,网页设计配色、排版技巧。
目前,根据招聘市场信息反馈可视化和后台也是网页阶段的标配,所以后台首页又有那些学习要点呢?
(3)电商设计:操作掌握首页、专题页、详情、主图、直通车、钻展、后台装修,移动端与PC端设计规范,并且通过店铺实际操作掌握电商详情页的设计技巧和版式技巧。
(4)C4DBanner:掌握3D场景设计,运用到设计作品中,丰富画面视觉效果。
C4D软件基础/场景搭建,利用3D场景提升设计空间立体感,增强视觉冲击力。
白模场景搭建,灯光材质/渲染输出/C4DBanner(场景贴材质/打灯光/渲染设置并输出应用到Banner中)。
提升电商Banner,画面中融入更多插画元素,并多以矢量插画风格展现。
随着移动互联网的发展,大家对于手机的需求也越来越高,人们用手机娱乐、消费、学习,所以UI设计无时无刻不体现在我们的生活中。在这一部分,我们不仅要学习设计,还要学习用户体验、交互设计、运营设计,让我们的产品更贴近目标用户的使用习惯。
(1)用户体验、竞品、原型图:了解项目开发、产品调研、项目流程,掌握交互原型。
通过市场调研或大数据分析,做项目竞品分析。利用大数据统计分析用户对产品的痛点及体验反馈,模拟用户画像分析用户对本项目的痛点、需求、受众、职业等等。通过数据比对及资料搜集做市场分析。
(2)图标、胶囊、界面设计:通过整体性设计界面去掌握图标、状态栏、导航栏、标签栏、闪屏、启动、欢迎页/引导页,弹窗页面等界面设计。
以剪影图标、扁平图标、线性图标、面性图标、微质感图标、轻拟物图标认识图标的多样性。
探究金刚区Bsport体育、功能图标、装饰性图标设计的特性,及不同板块应该使用的图表类型及设计。
了解iOS/安卓界面设计规范:尺寸、字体、颜色、大小、行距等,再深入探究界面中组成部分如:状态栏、导航栏、标签栏等尺寸可点击空间大小等。
通过成熟的App,了解胶囊、弹窗设计形式及组成部分,深入分析闪屏、启动、引导页三者之间的设计特性和运营思维用户体验等。
(3)运营界面、AE交互动效、制定视觉规范设计:电商中的运营思维与产品设计结合,以用户思维审查界面寻找用户痛点,提升整体运营界面,达到营销推广目的。AE交互动画设计,增强界面交互操作体验感。
以运营思维延展推广类界面设计。(多看优秀电商产品,去反推运营思维与设计)
突出促销活动专题页、弹窗、闪屏设计氛围,增强视觉感染力,促进用户点击浏览量。
深入AE功能:节点缓动、速度图表使用让画面更柔和顺畅自然,利用滤镜达到更多动画效果,以界面交互动画、跳转效果动画做练习及项目展示。
(4)Web前端:UI设计不一定要精通Web前端,但是如果了解前端基础知识,可以更好和程序员沟通,以实现自己想要的效果。
通过以上的学习,我们具备UI设计技能,进入UI设计行业后,更需要保持持续的学习去提升自己的审美、设计、技能等。所以多去看别人的设计,不是要抄袭,而是去思考学习别人的优点,去提升自己的设计思维。下面我推荐一些优秀的书籍和网站给大家参考学习。
(1)《平面设计法则》。对学习设计的学生来说是一个一站式的资源库,既是有趣的基础教程,同时也是深入设计领域实践的“入门读物”。本书围绕着三个有递进关系的部分展开基本法则、创作流程的法则和各个领域的设计法则。
(2)《亲爱的界面——让用户乐于使用、爱不释手》。主要介绍如何设计出具有可用性的应用程序和网站,不但让用户乐于使用,而且令其爱不释手。可用性是设计大厦的基石,作者详细介绍了如何将可用性融入设计、测试及开发的各个流程,如何优化设计过程、把握设计重点、提高设计效率。另外,作者在本书中给出了大量宝贵建议,传授了用户界面的设计与评估技巧,提供了独具匠心的设计视角。
(3)《配色设计原理》 。将具体的设计案例进行修改前后的对比,分析了如何才能使配色更具效果和表现力;根据希望达到的不同表现效果和目的,展现了设计师必须要了解的配色技巧;介绍了在理论无法适用时应对的配色设计方法;讲解了基本的色彩知识和易用的PhotoShop技法。
(4)《点石成金》。剖析用户的心理,在用户使用的模式、为浏览进行设计、导航设计、主页布局、可用性测试等方面提出了许多独特的观点,并给出了大量简单、易行的可用性设计的建议。这本书短小精悍,语言轻松诙谐,书中穿插大量色彩丰富的屏幕截图、趣味丛生的卡通插图以及包含大量信息的图表,使枯燥的设计原理变得平易近人。
学习的途径有很多,在这里我就不一一列举了。在UI设计的过程中,需要保持持续的学习习惯才可以顺应时代的需求。
希望你能通过我的回答,能帮助你开启的UI设计学习之路。学习过程中,以案例入手,从案例中学习工具、设计基础、设计思想、交互思维、用户体验、运营设计等,加深对软件及其综合能力的入门和提高。在学习中将知识点渗透到实操中,这样会大大提升你的学习效率。在设计过程中多反问自己,将“十万个为什么”放到学习和UI设计过程中,去提高设计思维完善产品设计。