精华内容
下载资源
问答
  • 如何自学UI设计?

    2019-09-13 19:38:31
    如何自学UI设计? 也许还没入行的朋友对UI还是挺陌生的,但是对于已经从事UI设计的设计师来说是一个高薪就业的工作。很多人在工作中逐渐找寻到自己的方向,发展自己的爱好。所以选择进入UI设计这行业。 ui即User ...

    如何自学UI设计?

    也许还没入行的朋友对UI还是挺陌生的,但是对于已经从事UI设计的设计师来说是一个高薪就业的工作。很多人在工作中逐渐找寻到自己的方向,发展自己的爱好。所以选择进入UI设计这行业。

    ui即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。也就是图形用户界面的设计,包括软件界面、手机应用程序界面等各种可以与之交互的电子设备的界面设计。好的UI不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。

    那么做UI设计师需要具备什么?如何自学UI设计呢?这里给大家详细介绍下:

    第一阶段 :UI设计基础

    初识UI: UI设计师的角色定义和价值体现,UI的含义、UI设计师的含义;

    手绘造型: 学习设计基础、字体、构图、手绘等基础技能,养成快速的敏锐度, 绘画能力,

    三维造型方法(物体的体积、结构、透视与光影表现);

    色彩原理: 色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系,色彩的装饰美感及色彩的表现方法;

     

    第二阶段: 平面设计

    设计软件应用: Photoshop、AI:以Photoshop、AI等软件为工具,了解封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、画册设计、DM设计等实际工作中的具体项目。

    I llustrator:以矢量图形绘制软件Illustrator为工具,了解标志设计、字体设计、图形设计、卡通形象设计等实际工作中的具体项目。

    版式专项设计: 版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。

    平面项目设计: 结合软件、色彩、字体及版式的学习,针对宣传单、折页、名片、海报及VI做专题设计,提升综合应用能力及平面UI设计能力。

     

    第三阶段: 网页UI界面设计

    WUI设计基础: 页面设计基本流程与设计规范的概念,重点了解WEB界面设计规范;网页配色技巧、色彩与构图的概念及技巧;网页导航与字版式设计;

    网页设计软件应用:Fireworks:软件的基本构成、矢量工具和位图工具、WUI用户界面及广告设计。

    Dreamweaver:建立站点、添加页面元素、使用CSS样式及交互行为。

    Flash :动画制做原理与技巧,典型WUI商业广告中的Flash技术与实现。

    网页设计要素: 学习web网站设计基本要素,网站图标、按钮、广告banner、专题页设计等元素的具体设计方法

    Web标准化布局: (X)HTML/HTML5语言:HTML语法与常用标签的详解,包括布局标签,表格标签,表单标签等。

    CSS/CSS3层叠样式表: CSS语法与常用属性的详解,使用CSS对网站中各个模块进行修饰美化。

     

    第四阶段: 移动设备端UI设计

    1. 手机主题、界面与图标设计;

    2. 拟物化与扁平化设计;

    3. 系统性学习苹果IOS设计规范;

    4. 系统性学习Android设计规范;

    图标设计: 图标设计要素与技法,图标设计中的色彩应用,图标创意思想与方法,2D图标设计方法,3D立体图标设计方法,图标在界面中的设计应用;

     

    因此,要成为UI设计师,十分便捷的一条路就是参加以实战项目为主要教学方法的UI设计职业技能培训,从而有效地缩短同企业具体用人需求之间的差距。

    像知海匠库互联网学院就是以实战型项目为培训目的,着重帮学员强化项目的把控能力,掌握真实项目的操作流程等。理论+实操融会贯通,教学过程中渗透实际企业案例,让学员在短期内积累丰富的职场经验。

    转载于:https://my.oschina.net/u/3773544/blog/1613099

    展开全文
  • 自学UI设计到底应该如何学习呢?在讲学习流程之前,我们先来来简单介绍一下什么是UI设计以及UI设计的前景如何。因为只有你了解了UI设计之后,你才知道自己是否对其感兴趣,是否是真的愿意花时间和精力去学习。一、...

    很多想要自学UI设计的小伙伴,苦于没有好的学习计划、课程大纲,学习效果很不好,花了时间也没有将自己的知识体系建设全面。那自学UI设计到底应该如何学习呢?

    在讲学习流程之前,我们先来来简单介绍一下什么是UI设计以及UI设计的前景如何。因为只有你了解了UI设计之后,你才知道自己是否对其感兴趣,是否是真的愿意花时间和精力去学习。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100

    一、UI设计

    UI(User Interface),中文名“用户界面”。Ps:(百度解释)UI是指对软件的人机交互、操作逻辑、界面美观的整体设计。

    那互联网的这波浪,无论前浪,还是后浪都从未消停过。你经常看到“互联网+”这样的组合,通俗解释“互联网+”就是“互联网+各个传统行业”,但这并不是简单的两者相加,而是利用信息通信技术以及互联网平台,让互联网与传统行业进行深度融合,创造新的发展生态。

    在这其中,又与UI有什么紧密联系呢?

    把传统行业放到互联网上,肯定需要用一个界面来展示,哪怕只是一个简单的网页,而每一个互联网下的产品无论是PC端还是移动端,无论传统行业还是非传统行业,最终呈现都要以UI界面为依托,供用户使用查看。这其中又不仅要视觉产出,还要好的交互和用户体验。

    举个例子,说说我们平常不太关注的来电接听这回事。

    苹果手机在不锁屏的状态下,来电显示时,接电话在右边显示绿色,挂电话在左边显示红色。一般情况下右手拿电话,大拇指操作,绿色是接听电话,这是我们的常规操作,使用频率很高,所以在右边离大拇指更近,而挂电话频率不高所以在左边远一些。从色彩体验上分析,红色也有警示警告的作用,

    但如果红色按键和绿色按键换个位置,其实并不会影响视觉,但却不是一个好体验,可能随时都会有挂电话的误操作。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjg=,g_se,x_0,y_0,t_100

    UI无处不体现在我们生活之中,无论大小,它都存在于你所看到的,你所触碰到的体验里。所以UI不单纯是美工,还要考虑到视觉效果和用户体验。而用户是很挑剔的,对视觉的需求和对体验的需求都在不断的发生变化和提高。所以这也造就了UI设计师这种不需要敲代码,但仍然可以拿高薪的互联网岗位。

    二、UI设计前景

    互联网时代,绝大多数企业都意识到通过线上资讯来吸引更多的潜在客户是多么重要。这些潜在客户对你的公司及产品印象的好坏,很大程度上取决于你在网站设计上投入精力的多少。企业站和电商平台也是互联网环境下企业必不可少的传播平台和C端自主交易平台,是互联网产业下的主流。这还只是部分网页UI设计的发展需求,随着智能手机的普及、5G时代的来临,对于APP的需求更是不可估计,而这些东西的界面都来自于UI设计,所以可以说UI设计市场并未饱和。

    1、那到底UI设计是否饱和?

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNzU=,g_se,x_0,y_0,t_100
    图片来源:职友集

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNzU=,g_se,x_0,y_0,t_100
    图片来源:职友集

    UI设计是互联网发展下诞生的产物,所以只要有互联行业在,只要互联网在发展,只要存在智能手机,电子产品,用户界面,那么UI设计师这个行业就永远不会饱和。

    2、那UI设计的薪资待遇如何呢?

    其实城市对薪资待遇有很大的影响,很多人都会觉得北上广深的发展很好,原因就是这几个城市的薪资待遇高。

    从UI设计行业去看,全国UI设计师的平均薪资是10000左右,北京薪资水平高,平均薪资是16000左右,然后依次是上海、深圳、杭州、深圳等互联网行业发展较好的城市。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNzY=,g_se,x_0,y_0,t_100
    图片来源:职友集

    3、现在转行学UI还有价值,还有发展空间吗?

    价值肯定是有的,发展空间也还很大,但现在企业缺的是高端UI设计人才。

    阿里巴巴资深总监杨光也曾表示:无论是鲁班,还是未来升级的人工智能都不可能取代设计师,机器人只是帮助设计师解决重复性的工作,重塑整个设计生态,而真正的“设计师”,反而会越来越值钱。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjg=,g_se,x_0,y_0,t_100
    图片来源于网络 侵删

    现在市面上很多UI设计其实只能算作是初级美工,而美工和设计师的区别就像是服装设计师VS工厂裁缝工,所以两者本质上的区别大概就是“创新”。

    智能机器人鲁班的出现,只是将两者区分的更加明显了。鲁班对电商美工这一职位的冲击也会越来越大,未来低门槛的设计工作将会被逐渐淘汰。

    无论是从社会发展,还是从UI设计的职业发展来看,这都是一件好事。机械性的执行工作对一个设计师来说是没有任何沉淀和成长的,作品淘汰率高且耗时,把这些基础工作丢给低成本的机器去生产,大家才能更加专注的去创造,去做需要原创能力的设计。

    之前只会一个单一的移动端APP界面设计都能找到一份很不错的工作,但现在,企业的要求有了很大变化,所以我们需要学习的内容也随之增多,不仅要懂交互知识、平面设计,甚至还要会代码、AE制作动效、以及插画、手绘等等,UI设计也因此有了一个新名“全链路UI设计”。

    三、UI设计学习计划

    很多小伙伴没有严格的学习计划,导致于自学周期被自己拖得很长,所以自学UI设计,一定要制定适合自己的学习计划,严格按照学习计划去完成学习目标,才能获得最终的胜利。那每个人的学习能力和技能掌握情况不同,在这里分享一个零基础全天候以周划分的学习计划。希望你可以针对自己的情况,参考此计划为自己的量身打造UI设计自学计划。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNzg=,g_se,x_0,y_0,t_100

    越简单的元素搭配,就越考察一个设计师的基础功,如果没有过硬的技术和扎实的基本功,就难以准确地传达产品自身调性和营销卖点。

    我们都知道创意思维对于设计师的重要性,却也不能忽略基本功对于设计师的必要性。只有坚持不断的负重训练,扎实美术功底,才能在日后的商业实战中轻松驾驭各种风格。

    第一周:手绘

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:阿多比设计学院零基础转行学员手绘作品

    手绘的重点主要是培养学员的形体结构,光感、空间的关系,这算是一个审美培养的启蒙,时下最流行的矢量插画就和手绘密切相关。

    第二、三周:PS、AI基础软件的学习

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源于网络 侵删

    从零开始学习软件,需要用实际的案例去学习,这样更加容易上手,并且UI设计的学习并不是只是简单的学习软件工具,很多在人都以为UI设计只要会了PS、AI等就可以了,其实让通过实际的案例去了解设计背后的意义即设计思维、创意理解,才是更为重要的目的

    但是只学思维也不行,我们也要加强设计的基本功,对软件完全的精通掌握,这是必须的。

    第四、五周:平面构成、Logo

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源于阿多比设计学院学员设计Logo

    掌握平面设计中点、线、面,加以延伸到到Logo设计,Logo一方面是包括图形另一方面是包括字体,所以了解文字结构是非常基础的,以及如果这一阶段学的非常好,接Logo私单,价格高到不敢相信。

    并且logo品牌部分学习中,要会从Logo的形式、气质、基础属性、思维方式、以及标准制图等去深入学习。一个简单的图形通过形式的变形而演变出千变万化的造型,如此多的变化还怕设计不出Logo吗?

    举例:从形入手,一个圆可变实心的圆、可变空心的、可变半圆的还可变椭圆、半圆,那是不是就能联想到鸡蛋、煎蛋、荷包蛋、帽子、水杯呢?

    第六周:品牌Logo定稿以及VI手册设计

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:阿多比设计学院学生作品

    这一周其重点是甲方思维思考设计,对,就是那个烦人的甲方爸爸,需要学习换位思考。

    整个第一阶段的学习内容都是非常基础的,目的是培养设计思维,正所谓懂用户所想,还不能设计出好产品?

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNzg=,g_se,x_0,y_0,t_100

    第七周:响应式网站、一屏式网站

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:阿多比学院学生作品

    从案例来讲述网页设计的构成、颜色、字体、功能、按钮以及设计规范、排版规范。

    第八周:后台数据

    除了后台设计,更多的是后台的数据统计处理,如何做到简单化、明了化。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100

    第九周:电商设计

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:阿多比学院学生作品

    电商平台首页设计,每一个月各大购物平台都会有全站式的活动,活动主题都不一样,所以其实电商设计的人才缺口是非常大的。

    第十周:淘宝平台详情页、后台

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:阿多比学院学生作品

    这一部分是可以自己去申请淘宝店、上架产品,任何学习都没有直接上手来得快。实操实练,自己去体会各大平台的规范,才会了解得更加清楚。

    第十一周:C4D、Banner

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:阿多比学院学生作品

    进入3D训练啦,丰富视觉效果,提高就业竞争能力,多会一门技术,就多一些可能,这也是我们要为什么不断学习提升自己的原因。

    第二阶段,更多的是网页的设计训练,重点掌握企业站界面设计规范和输出规范,且能够根据企业真实需求设计页面。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNzg=,g_se,x_0,y_0,t_100

    第十二周:用户体验、竞品分析、原型图

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:阿多比学院学生作品

    本周开始设计APP,通过数据分析来做竞品分析,使用Axure来绘制APP的原型图。

    第十三周:图标

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:阿多比学院学生作品

    有意思的图标也是完整APP设计的重要一环。

    第十四周:界面、胶囊

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:阿多比学院学生作品

    通过标志性APP来讲弹窗页、闪动页。

    第十五周:界面设计

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:阿多比学院学生作品

    继续完成APP,并学会切图、命名、标注、打包、交接(前端小哥哥、小姐姐打不打就看这周的学习内容了)

    第十六周:运营界面

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源于网络

    营销推广性的用户思维培养,把握用户的痛点提升整体运营界面,达到营销推广的目的。这一般都是通过突然跳出来的弹窗、闪屏等,比如促销性质的页面,增加了视觉感染力,促进了用户的点击。

    第十七周:交互动效

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:阿多比设计学院学生作品

    学好AE动效会非常加分,因为它可以准确的传达出你的思路,演示你想要的表达的效果。这必将成为UI的流行趋势,不想要被市场淘汰,一定要继续学习啊!

    这一个阶段,可以尝试着手设计属于自己的APP,你可以选择自己喜欢的主题,没有局限性,这可以成为零基础转行的你的作品集内容哦。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNzg=,g_se,x_0,y_0,t_100

    第十八周:前端

    大家都知道与UI设计师密切合作的是前端,那作为一个UI设计师,只有懂了前端,这样才会合作得更好,提升工作的效率。我们可以学习HTML5,学习CSS3等。

    虽然是以周划分,安排得满满当当,这样学习流程适合大多数零基础的小伙伴,每周的内容如果学习的不扎实,可以适当停留脚步,因为每个人的学习能力不同,学习掌握情况不同。一定要将知识学扎实,一步一个脚印的往前走,才能真正将UI设计知识掌握牢靠。

    以上简单的分享了一个学习UI设计的流程,那依据这个流程,给大家推荐一个零基础学习UI设计的课程, 一共两百集,包含的内容比较全面,大家可以根据自己的技能掌握情况有选择的观看。

    阿多比UI设计200集最全套课程从0到精通全链路

    四、设计网站

    刚刚开始学习设计,自己的积累肯定不多,可以去看看优秀的作品,找找创意灵感、提升设计思维。但是国内外设计类的网站太多,以下我就分类整理几个供新手小白参考学习,在今后的工作学习中你会接触到更多的设计网站,那时候你就有可以依据自己的习惯去筛选自己喜爱的设计网站了。

    1、灵感创意

    (1)站酷 (ZCOOL):为设计创意从业者在学习、展示、交流、就业、交易、创业各个环节提供了优质的专业服务,为设计师和企业的成长之路提供了高效的版权解决方案和立体的视觉服务。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:站酷

    (2)花瓣:设计师寻找灵感的天堂,图片素材领导者,帮你采集、发现网络上你喜欢的事物。你可以用它收集灵感,保存有用的素材。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:花瓣

    (3)Dribbble:Dribbble是一个面向创作家、艺术工作者、设计师等创意类作品的人群,提供作品在线服务,供网友在线查看已经完成的作品或者正在创作的作品的交流网站。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:Dribbble

    (4)UI中国:UI中国是专业的用户体验设计行业媒体、知识分享互动社区、创意整合营销平台,包含学习、展示、外包、竞赛、招聘等,是用户体验设计师的职业成长平台。同时也是用户体验设计人才库,拥有会员均为一线交互设计师、视觉设计师、用户研究员,覆盖一线、二线城市主流互联网公司。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:UI中国

    (5)Behance:创意设计人士可以展示自己的作品,发现别人分享的创意作品(,相互还可以进行互动。Behance介绍 Behance 是展示和发现创意作品的领先在线平台,同时也是 Adobe 系列的一部分。

    2、设计规范

    (1)腾讯CDC:是一个设计团队,做世界一流的互联网设计团队,为用户创造优质在线生活体验。CDC关注于互联网视觉设计、交互设计、用户研究、前端开发。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:腾讯CDC

    (2)Ant Design - 一个 UI 设计语言:Ant Design 是一个 UI 设计语言,是一套提炼和应用于企业级后台产品的交互语言和视觉体系。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:Ant Design

    (3)Design - Apple Developer:详细了解为 Apple 设备设计配件的规范和准则。

    (4)iView - A high quality UI Toolkit based on Vue.js:即原先的 iView,是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。

    (5)Fusion Design-阿里官方组件:Fusion Design是阿里巴巴开发的一套企业级的中后端UI解决方案。致力于解决设计师和前端在工作协同、产品体验一致性、开发效率方面的问题。

    3、素材

    (1)UI - 爱果果:是一个优秀酷站、h5、UI素材资源的发布分享平台,是设计师的灵感聚合地和素材下载源。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:爱果果

    (2)惊人的免费图片 · Pixabay:Pixabay可在任何地方使用的免费正版图片和视频。Pixabay是一个充满活力的创意社区,Pixabay图片可以安全的使用,而无需为创作者署名。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:Pixabay

    (3)千图网:围绕着设计人群及泛办公人群提供优质创意服务的基础平台。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfMTM4,g_se,x_0,y_0,t_100
    图片来源:千图网

    (4)包图网:平台联合20w+顶尖设计师、创意工作室以及国内外图库平台,汇集1500w+优质原创内容,为各行各业输出正版的图片、视频、音频、源文件素材。

    (5)稀土区:专注优质设计与开发资源分享。

    4、色彩

    (1)Color Hunt-配色:设计、网页配色工具网站。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:Color Hunt

    (2)uiGradients:渐变色分享网站,里面有很多美丽的方案选择哦!

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:uiGradients

    (3)Coolors.co:超快速配色方案生成器,创建完美的调色板或从数千种美丽的配色方案中汲取灵感。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:Coolors.co

    (4)Material UI Colors :帮助设计师们快速定位颜色组合。

    (5)flatuicolorpicker:UI设计的最佳平面颜色。

    5、Icon

    (1)阿里巴巴矢量图标库:国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:阿里巴巴矢量图标库

    (2)IconStore:是一个提供一流的免费图标包素材的站点,汇集了很多优质的icon素材。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:IconStore

    (3)Flaticon:图标设计丰富。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:Flatico

    (4)Material Design Icons:包含常用的图标,如用于媒体播放、通讯、内容编辑、连接等等。

    6、Fonts

    (1)[字由] 字说字话:解决设计师群体用字问题。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100
    图片来源:字由

    (2)DaFont :免费英文字体库下载站,虽然没有中文字体,但是有许多漂亮和新颖的英文字体。

    (3)Fontjoy :帮你挑选字体组合,一键生成字体配对。

    (4)FontShop:美国的一个字体网站。

    (5)站酷字体合集 - 站酷网(ZCOOL)

    以上整理出的网站知识设计网站中的很小一部分,还有很多优秀的设计类网站在这里就不一一列举了。希望你在学习的过程中多看、多想、多思考,然后慢慢积累,早日成为一名优秀的UI设计师。

    五、设计书籍

    书里常常有其他人的一生,有他们的想法,想想作者可能用好几年写完一本书,甚至用了一生得出的总结以及教训。所以我们可以通过读设计类的相关书籍去学习别人优秀的设计理念和思维,提升自己的设计能力,在这里推荐几本不错的设计书。

    1、《设计中的设计》

    《设计中的设计》是众多设计师都推荐的一本设计书,这本书是具有世界影响的设计师的原研哉对自己提出的问题“设计到底是什么?”的回答。 设计来源于生活, 它的意义定会超越技术的层面,为我们的生活观和人生观注入力量。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjg=,g_se,x_0,y_0,t_100

    2、《写给大家看的设计书》

    《写给大家看的设计书》出自一位世界级设计师罗宾·威廉姆斯(Robin Williams)之手,将优秀设计的秘诀归纳为对比、重复、对齐和亲密性四条基本原则,并用简洁通俗、幽默生动的文笔,同时配以大量经过修改进行前后对比的实例图解和设计练习(并提供解答),直观而清晰地传授给读者

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjg=,g_se,x_0,y_0,t_100

    3、《设计心理学》

    《设计心理学》的作者是唐纳德·诺曼也称Donald Norman。 书中强调以使用者为中心的设计哲学,提醒消费者在挑选的物品,必须要方便好用,易于理解,希望设计师在注重设计美感的同时,不要忽略设计的一些必要因素,因为对于产品设计来说,安全好用永远是竞争的关键。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100

    4、《版式设计原理 • 案例篇》

    《版式设计原理 • 案例篇》是由四个设计师合著完成,本书从版式结构、文字要素、色彩、图片、网页版式五个章节,将很多设计法则中的成功案例和失败案例进行对比你,引导读者思考什么才是更好的版式设计。当读者完成思考后在文章的下一页给出作者的观点,并指出对应的设计要点。这样让读者带着问题去思考,使读书更具有趣味性,通过案例对比的方法快速而牢固地掌握版式设计的基本原理。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100

    5、《设计的觉醒》

    《设计的觉悟》是田中一光先生在大陆首次发行的文集,他用文字将读者带入他的工作与生活,去体验设计人生。停下手中的忙碌回头思考,觉醒的,也许不止是设计。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjg=,g_se,x_0,y_0,t_100

    6、《简约至上-交互设计四原则》

    对于 《简约至上交互设计四策略》作者:[英] Giles Colborne这本书大家并不陌生,这本书是很多web应用、互联网产品、移动应用及其他交互设计人员的必读书目。关于简约,作者从自己的从业经验中提去除了四个原则,即删除、组织、隐藏、转移。

    7、《配色设计原理》

    《配色设计原理》,作者是日本奥博斯科编辑部,通过简明易懂的作品,让你学习实用又系统的配色原则。将具体的设计案例进行修改前后对比,然后分析如何使用配色,让作品更具有效果和表现力。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100

    8、《设计师的自我修养》

    《设计师的自我修养》是由字体设计师、中国十大最具灵感年轻设计师之一的左佐编写的。

    watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjg=,g_se,x_0,y_0,t_100

    9、《点石成金》

    《点石成金》的作者史蒂夫·克鲁克根据自己多年从业经验,去剖析用户心理,在用户使用的模式、为浏览进行设计、导航设计、主页布局、可用性测试等方面提出了许多独特的观点,并给出了大量简单、易行的可用性设计的建议。这本书短小精悍,语言轻松诙谐,书中穿插大量色彩丰富的屏幕截图、趣味丛生的卡通插图以及包含大量信息的图表,使枯燥的设计原理变得平易近人。

    10、《平面设计中的网格系统》

    《平面设计中的网格系统》的作者是约瑟夫·米勒–布罗克曼,他被誉为 “瑞士平面设计先驱”。 本书主要介绍了网格的功能和使用方法,旨在为平面和空间的设计师们提供一个实际的工具,让他们可以从概念、组织结构和设计上更有效、自信地处理和解决视觉问题。

    学习UI设计的方法很多,途径也很多,那以上分享了自学UI设计的流程、提升设计思维的网站、以及设计类的书籍等。虽然分享的内容很短,但是需要学习的东西真的很多,想要真正的掌握需要花很长的时间去琢磨和探索,学习这件事件从来都是公平的,付出就会有收获,所以希望认真对待UI设计,认真对待学习,早日学成找到心仪的UI设计工作。

    注:本文由蜗牛创想旗下独立运营设计品牌 @阿多比设计学院 撰写,首发自zhihu.com/question/5548,如需转载请自行联系获得授权并注明出处。

    展开全文
  • 出版社:中国青年出版社 公司的三位UI设计师本来林林总总推荐了有三十多本书,得知我要发表在知乎上给初学者看就又删减为这六本。 理由是:推荐太多等于没有推荐,到时候读者一本都不会看。 所以,上面这些书,每个...

    直接上方法。

    - 边学边动手
    - 看设计类视频打基础
    - 看相关设计书籍提升水平
    - 广泛浏览设计类网站提升审美

    以上,就是UI自学三步走,别问第0步是怎么回事,那是你整个职业生涯都要做的事。

    0.边学边动手

    边看边动手、边看边动手、边看边动手。

    重要的事情说放前面并且说三遍!

    不记住这句话的话,劝你现在就放弃,因为你学不好。

    至于具体的动手方法:

    1. 跟着视频或者书籍走,人家怎么设计你就怎么设计。
    2. 截屏自己喜欢的设计图,然后设计一张一模一样的。
    3. 上素材网站找感觉,然后跟着感觉走设计自己的图。

    这三步只要你没有转行,就应该贯穿你的整个职业生涯。

    1.学习基础软件操作

    基础软件有哪些?

    PS 、AI、 AE、ARP或墨刀软件、Axure、蓝湖。

    不管你去问谁,给你的答复都是这些了。而且对于一个自学的初学者来说,可以少,但不会再多了。

    其中:

    PS主要来用做UI设计界面设计、图标设计、图片处理的

    AI主要用来做UI界面设计、图标设计、字体设计、插画设计的

    AE主要用来做动效设计的

    XD或者sketch 是一款为视觉设计师打造的专业矢量图形处理应用

    Axure是做原型设计的。所谓原型就是产品面市之前的一个框架设计

    **蓝湖:**蓝湖软件在UI设计工作中主要用来做标注设计的包括页面的高底,宽度,以及色值

    基础软件怎么学?

    看课程、动手做。

    就这么简单而且按照现在的科技水平也没有更简单的方法了。

    下面是给你推荐的六门课程,为了避免被说广告,挑选的都是B站上的免费课程。

    **PS:**https://www.bilibili.com/video/BV1A4411M729

    **AI:**https://www.bilibili.com/video/BV1TC4y1W7tg

    **AE:**https://www.bilibili.com/video/BV1EW411171A

    **XD:**https://www.bilibili.com/video/BV1a4411v7G4

    **sketch:**https://www.bilibili.com/video/BV1zb411T7fK

    **Axure:**https://www.bilibili.com/video/BV184411g7R2

    2.看相关设计书籍提升水平

    市面上基本上所有的课程都是基础课。别问我为什么,真正的大佬哪有时间跑来录课,一般就是写个文章出本书。

    所以你如果想进一步提神设计水平,一定要多看书。

    平面:《平面设计法则》作者: [美] 德比·米尔曼 出版社:中国青年出版社

    版式:《超越平凡的平面设计:怎样做好版式》麦克韦德 (John McWade) /侯景艳 (译者) /人民邮电出版社

    色彩:《配色设计原理》奥博斯科编辑部 /中国青年出版社

    交互:《简约至上:交互式设计四策略》作者是[英] 科尔伯恩 出版社:人民邮电出版社

    感官:《设计心理学》套装4册 [美] 唐纳德·诺曼 / 梅琼 / 中信出版社

    案例:《不败的经典设计》[英]麦克德莫特,贝扬 出版社:中国青年出版社

    公司的三位UI设计师本来林林总总推荐了有三十多本书,得知我要发表在知乎上给初学者看就又删减为这六本。

    理由是:推荐太多等于没有推荐,到时候读者一本都不会看。

    所以,上面这些书,每个类别都只有一本而且都是精品。

    3.广泛浏览设计类网站提升审美

    说白了,当你走过第一和第二步之后,你就不是UI设计小白了,之后的成就能有多高就完全看个人造化了。

    但个人认为无论是如何发展,都离不开多看案例,多做尝试这八个字。

    所以,给大家推荐十个设计师必备网站:

    十个设计师必备网站,解决你设计的所有难题

    展开全文
  • 还是自学UI设计呢? 自学除非有很大的毅力,方可大成,如果有个知己的朋友不厌其烦,几个月如一日地教你学习;当然他要比在线下UI培训机构更努力,才能够以自身的项目锻造你。否则,很多人一年后,也未必能达到UI...

    目前有很多的零基础小白同学被UI这个行业给吸引了过来,都纷纷进军UI了。但是选择了进军UI设计,当然就是要开始学习了,我相信有很多同学挺迷茫的,迷茫在于是选择UI培训班去培训呢?还是自学UI设计呢?

    自学除非有很大的毅力,方可大成,如果有个知己的朋友不厌其烦,几个月如一日地教你学习;当然他要比在线下UI培训机构更努力,才能够以自身的项目锻造你。否则,很多人一年后,也未必能达到UI设计培训师的工作要求。
    在这里插入图片描述

    那么,怎么自学才能得到一个好的结果呢。当我们在空闲的时候自学,只要是关于这个领的任何知识都不要放过。那么怎么自学呢?

    如果你是一名完完全全的新手,那么先从最基础的手绘,PS,AI软件的功能学起吧,在这个网络如此发达的时代只要你动动手指,百度一下,在用你认真的学习态度,知识就归你了。PS里面有许多功能,新手可以上网搜搜它功能的用法,当然不仅仅只是看,更多的是要去动手,要知道光动脑是没用的,你只有多练多做,才能完全掌握它。其实PS的功能学起来很简单,你只要学会常用的功能就可以了。

    当你掌握了PS后,你就可以开始收集了。Dribbble,Behance,uiparade,花瓣网等等这些网站上有许多你所需要的东西:移动界面,网页界面,图标等等等等。这个阶段你需要多的就是收集,看,收集,看然后过一段时间回过头来看你收集的东西,你会发现有挺多挺不好看的东西,那时你的审美能力也提高了,然后你需要做的就是多临摹。

    把你所收集的界面,图标,logo等等,只要能临摹的都拿来临摹。其实临摹是挺好的,但是你要在临摹的同时进行思考,比如:为什么这个图标放这里?这个矩形的大小为什么一定要这么大?多想想,你会发现你了解作者在创作时的想法。这个阶段就是要变动手边思考了。这里我建议你每天至少临摹一个,不管是banner,icon,界面都好,每天进步一点点也是好的。

    会了工具的使用,也要会设计规范,或者理论。那么在UI中国,优设网等等这些网站上会分享许多自己的设计经验,理论什么的,有空大家可以多去看看,认真的读一读别人的分享的内容,不要当一个只会软件使用的呆瓜,要多充实一下自己在这个领域的各方面的识。当然,我希望大家在学习的时候,记得买一本笔记本。每天在上面写写画画,记录自己的想法,画画自己的创意。

    当你临摹到了一定程度的时候,你就可以选择你常用的软件尝试一下重新设计,因为那是你身边最南用的软件界面,你可以试试把你的想法融入耳中。然后可以去找找一些设计前辈们给你一些意见,或者是发布到设计网站上,虚心接受他们的意见以及建议,然后再去修改,这样反复的设计,进步。

    过了以上四个阶段后,也许想学学别的东西,这时候你能够去尝试上网学学Ai,AE等设计的相关软件,曾经有人说:UI设计其实只要掌腥Photoshop就可以了。其实我并不这么认为,因为UI设计也包含一些交互设计,动效的设计。毕竟多学一些对自己是只有好处而没有坏处的,技多不压身嘛。

    总结来讲:自学UI设计非常难,难在没有专业系统课程参照,脱离了团队实战学习的环境,自制力达不到。没有专业的人引导也容易误入设计误区,因此选择自学还需要慎重。真正想学好UI设计,选择一家培训机构是最佳选择。这样无论是金钱、时间投入,还是专业的指导上都是对自己有保障的;如果真的想学好UI设计,请客观审视对自己负责。

    自学UI设计的同学最后的最大难题在就业上,UI设计技能性很强,很难有人自学成才,而且自学的同学很难符合企业需求,因此找工作时便步履维艰。很多在专业的设计面试一关中就摆下阵来,毫无实际UI设计项目经验的心虚与设计思路无法打动招聘官,也很难让HR看重你,因为公司不是职业救济平台,招聘要的是专才。公司不会因为少要薪资就用一个自学者。

    学UI设计并不容易,如今企业对UI设计师要求已经提高,再也UI不是临摹就能拿到月薪过万的时候了,必须达到企业用人需求才能真正胜任设计师岗位。

    展开全文
  • UI设计分三个分支:研究界面—-图形设计师Graphic UI Designer,简称GUI,国内目前大部分UI工作者都是从事这个行业。包括(网页设计,软件界面,移动端界面设计),每天工作做着各种界面设计。2、交互设计师,做整个...
  • 编者按:无鸡汤不吹水,一整篇全是可借鉴可实操的前辈经验,从学习准备、绘画技巧到软件掌握、设计理论,共七个层级,步步进阶,力求让新手能通过自学,成为一名专业的UI设计师。也建议大多数自学成才的设计师阅读,...
  • 学习UI设计大概有两个方向,一部分人选择了UI设计培训班,一部分选择了自学,无论道路如何,但是目的都很明确,就是成为一名合格的UI设计师。 想要自学UI设计,其实没有问题,但是要对自己有一个充分的认知。你对...
  • 如何优秀的UI设计师?想要学好UI设计成为一名优秀的UI设计师,那么专业的学习教程和好的学习方法尤为重要,毕竟想要学好好技术,没有正确的学习方法是行不通的。  如果你想自学的话,首先得给自己定一个学习目标和...
  • 自学UI设计必读书籍

    2020-11-18 15:32:24
    近年来,UI设计师成了每个... 要想在激烈的竞争中脱颖而出,UI设计师需要不断学习,为此,胡老师给大家整理了几本自学UI设计必读书籍,希望这些书能够帮助大家学好UI设计!  《写给大家看的设计书》  这..
  • 如何自学进入UI设计行列? 需要掌握哪些知识点?互联网行业本身就是一个更新换代非常快的一个行业,只是如果我们身处在这个行业里面,那么我们就能跟得...成为一个优秀的UI设计师需要一定的手绘能力,为什么?首先,...
  • UI设计如何自学

    2018-07-21 14:46:45
    1. UI设计在互联网实际开发中处于什么位置?  以后工作嘛,总该知道你被要求做的东西后来去了哪里,与你对接的人员又是哪些吧。... 也就是说,你的上游和你对接的一般是产品经理或者交互设计师,下游和你对接的...
  • 如果你对UI、图标感兴趣,却又不知道怎么开始怎么下手,那么希望这篇文章可以帮到你。临摹、抄袭,注定是一个受到争议的话题,老牛从自身经历的那段临摹的日子,来给大家聊聊这些事儿。 临摹 “我不知道第...
  • 可以从我们日常生活,将美好的设计复刻出来,当然,别忘记思考和对颜色、细节的把握。临摹实物的一点好处是,你要自己去控制光影,自己去感受,而且是没有源文件让你来参考,你需要动脑“我该用什么来体现实物”? ...
  • 如何5个月成为一名全能UI设计师?有人觉得很难,不敢相信自己的学习能力,也有人比较自信,相信自己可以学好,当然有这种想法的人才能真正成为一名UI设计师自学UI半年多一直得不到进步? 这样的问题,一两句话可能...
  • UI 设计师面试题.doc

    2020-08-12 07:07:33
    姓名 日期 1 大学期间主要课程是哪些 2 擅长哪些设计软件是否自学设计软件具体哪些 3 是否有自己最满意的作品什么时候设计设计题目或主题是什么自己是如何策划和设计表现的 4 假设需要你为中国移动公司设计一个...
  • ui设计师面试问题

    2016-11-30 17:39:23
    是否自学设计软件,具体哪些? 3 是否有自己最满意的作品,什么时候设计的?设计题目或主题是什么?自己是如何策划和设计表现的? 4 假设需要你为中国移动公司设计一个logo,你会从哪里着手,请手绘1-2款设计方案...
  • 虽然我以前是通过培训学习的,但是经过这几...学UI前必须知道这行做什么,身为UI设计师负责哪些,工作形式怎样,该具备怎样的技能才可以胜任,这样带着目标去学效率会高很多。如果做什么都不知道稀里糊涂学了都不知道学
  • 接上篇:离开学校如何自学修炼成为一名网页设计师(三) 5.学会找到学习的各种渠道,学会交流与分享 你是通过哪些方式自学的呢?教程网站?有经验的设计师求指导?还有么?建议可以多去一些我经常去的设计网站:...
  • UI设计师近年来非常火热,在互联网圈有着当红炸子鸡之称,主要负责软件的人机交互、操作逻辑、界面美观的整体设计工作,是目前中国信息产业中最为抢手的人才之一。因此也吸引了一大批人前去学习UI设计,而学习UI设计...
  • 近几年来,随着互联网的迅猛发展,从而让UI设计师的工资变得非常可观,因为只要有互联网的地方就需要UI设计师。一个好的UI设计师目前的月薪过万,这让很多在职和在校生都想转行学UI设计。但在学UI之前,零基础学UI...
  • 编者按:这可能是有史以来最值得阅读转发的一篇UI设计自学指南。...几乎每隔几天我便能在简书或其他各类设计网站看到关于自学UI设计的分享文章。这些文章有一个共同的特点,就是描述作者如何从一个
  • 近年来,随着互联网的快速发展,产生了大量的APP,UI界面优化的需求也非常大,UI设计师可以说是互联网的核心岗位之一,很多毕业生和想转行的人都想学习UI设计,那对于0基础学ui设计需要多久?今天小编就跟大家来说说...
  • 移动端的开发出现了,不少人转行学设计,不少设计师也开始接触UI设计了。作为一位正在设计路上徘徊的迷茫者,我们如何转行到UI设计? 一、从了解平面设计开始 我们可以从PS开始,学习绘制MIUI,制作MIUI主题。...
  • 对于动效设计相信大家都并不陌生了,很多UI设计师为了使自己更加专业也会自学一些动效设计软件。 直接开门见山我想讲的是After Effects After Effects非常牛逼的图形视频处理软件,能想到的炫酷吊炸天的效果AE都能...
  • 让我们一起来做最漂亮的Android界面吧! AndroidiOS产品设计 ...美国自学成才的UI/UX设计师Meng To结合自己所学及实战演练对Android应用设计进行了各方位的深入剖析。 与苹果的iOS家族相比...

空空如也

空空如也

1 2
收藏数 34
精华内容 13
关键字:

如何自学ui设计师