ui设计教程_UI设计教程

ui设计教程_UI设计教程

       大家好，今天我将为大家讲解ui设计教程的问题。为了让大家更好地理解这个问题，我将相关资料进行了整理，现在就让我们一起来看看吧。

1.入门UI设计看哪些书?

2.UI设计师都主要学什么？

3.如何最快的转型UI设计师？

入门UI设计看哪些书?

       1、《平面设计法则》

       内容简介：对学习设计的学生来说，这本书是一个一站式的资源库，既是有趣的基础教程，同时也是深入设计领域实践的?入门读物?。《平面设计法则》围绕着三个有递进关系的部分展开基本法则、创作流程的法则和各个领域的设计法则。

       2、《美国视觉传达完全教程》

       内容简介：《美国视觉传达完全教程》的内容安排在视觉传达理论、美术史、创意策划、案例分析以及设计实践之间，把握了良好的平衡。全球知名的视觉艺术家在《美国视觉传达完全教程》中与大家分享他们的美学观，并且在对话中用第一人称的方式叙述了他们在幕后所做的努力和尝试。

       3、《设计心理学》

       内容简介：怎么说呢，这是会改变你看待世界方式的一本书，改变你的设计评价标准。虽然很薄，很老，但里面讲述的原则却长久不衰。设计是双向的，设计是为了要解决问题的，形式追随内容。

       4、《文字设计基础教程》

       内容简介：《文字设计基础教程》通过详尽的解释、丰富的插图、世界经典案例等阐释了文字设计的基本原理，同时还展示了文字设计跨越不同媒介的丰富变化，以及文字设计从基础应用到艺术化表现的效果。

       5、《七日掌握设计配色基础》

       内容简介：全书通过丰富的图例来介绍有关配色的知识，使学习变得生动有趣。在阅读部分，以多个色彩组合说明不同颜色搭配带来的不同效果，便于读者理解;章节之后附有生动的练习题来检验学习效果，增强读者学习的成就感。

UI设计师都主要学什么？

       UI设计近年来在IT行业中越来越受欢迎，因为它不仅需要艺术性的思考，还需要技术性的呈现。很多想要转行的人都会优先考虑UI设计行业，那么UI设计都需要会什么呢?我们今天就带大家来了解一下。

       总的来说，UI设计需要会的技能比较多，大体分为以下几个方面：视觉设计基础、品牌视觉设计、电商设计、UI交互设计等。

       一、视觉设计基础

       在这一方面，需要会设计资源、锻炼设计师工作习惯，理解不同风格海报的商用场景与特点，了解不同风格海报的实战技巧与特效元素制作方法，熟练使用动作、批处理、GIF动画与3D效果运用方法，具备制作动态表情包、动态运营类Banner能力。熟练使用AI的绘图工具组,熟练使用其技法绘制不同风格的插画作品，了解印刷常识，了解出血设置、颜色模式切换、资源导出与打包技法等知识，熟练使用PS与AI的互导技法。

       二、品牌视觉设计

       在这方面，则要熟练使用字体结构笔法、字形创意方法，具备从品牌、用户、产品角度分析字体风格、字形创意的能力。锻炼商业创意思维、熟练使用商业创意思维方法、具备解读广告创意策略、针对性设计平面广告的能力，锻炼对平面物料、纸张、印刷、喷绘、工艺的基础知识，熟练使用平面物料设计方法并能对接实际工作项目。

       三、电商设计

       电商设计方面，要熟练使用C4D的基础操作工具，能独立完成场景建模及电商海报建模的项目。熟练使用提炼卖点、设计流程的方法, 具备独立完成详情页装修能力，具备独立完成不同风格的海报合成效果的能力，具备独立完成装修的能力，熟练使用文案解析、配色构图、卖点分析、设计规范的技巧。

       四、UI交互设计

       UI交互方面，则要熟练使用Sketch的基础操作工具，具备独立完成界面临摹能力。熟练使用(图标、卡片区域、Banner、启动页、引导页、空状态、弹窗)多页面设计方法及设计风格，具备参数精细化设计能力。了解并熟练使用企业站的分类、构成、开发流程以及整站设计方法。熟悉PC端及移动端整套项目开发流程，了解需求的获取、管理、转化及优先排序。具备使用产品分析能力分析同行产品(竞品)、梳理全局的交互文档、使用情绪版定义视觉设计风格、制定设计规范、制作iOS、Android和小程序界面设计的综合能力，可以与前端开发人员无缝衔接。

如何最快的转型UI设计师？

       UI设计作为时下热门高薪职业之一，其发展前景不言而喻，应用领域非常广泛，从传统的计算机网页到最新AI领域的人机交互界面，无不体现出其市场价值。但在国内这还是一个新名词，只有少数互联网公司有行业意识及专业应用，目前在国内还没有开设此专业的院校，因此进行这个行业并不容易。那么UI设计师都需要学习什么呢？今天武汉卓意设计小编就来跟大家聊一下这个话题，一起来学习下吧。

       UI设计的前身是平面、网页设计，在原专业的基础上加入了一些人机交互的逻辑、控件的应用、组件的状态设计等内容。这是由于互联网发展的精细化延伸出来的新门类，因此设计的软件应用就是基本功了。需要掌握Photoshop（图像处理）、illustrator（图形制作）、After Effects（视频处理）、Axure（原型设计）、Dreamweaver（网页制作）、Coreldraw（矢量制作）、Flash（动画制作）等设计软件及HTML5.0和DIV+CSS网页代码基础。

       学会了各类设计软件的应用还不够，此时还不能独立创作，因为缺乏创意的表现技能，所以需要掌握铅笔、水彩笔、素描本、手绘板等不同手绘工具的熟练运用。此部分主要是设计思维的训练及表现，重在设计理论的学习与构图技巧，学会解析各类图标的设计原理及表现技法。

       通过前面理论与工具的练习，基本具备了设计的基础能力，接下来就需要一些完整案例的实战了。要学会模仿各类产品优秀案例、并能解析其设计要点，能推陈出新做出部分创新的完整案例。需要掌握不同类型互联网产品的设计规范、设计流程、设计图纸的输出与迭代方法，保证产品用户体验的持续性提升。

       虽然UI设计是近几年才流行的专业，但市场上的UI培训已相对成熟，对于没有基础的同学还是建议找专业的老师辅导，这样UI设计的学习之路才会事半功倍，大家觉得呢？

       零基础想要转行UI，该先学什么？学习什么内容？又如何学习呢？我们将学习内容拆分出来，以周为学习周期，一共十八周，来简单介绍一下学习流程。让大家快准狠的掌握UI设计知识，快速转型UI设计。

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

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

第一周：手绘

       来源：阿多比设计学院学生作品

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

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

       来源于网络

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

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

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

       来源：阿多比设计学院学生作品

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

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

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

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

       来源：阿多比设计学院学生作品

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

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

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

       来源：阿多比设计学院学生作品

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

第八周：后台数据

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

       来源：阿多比设计学院学生作品

第九周：电商设计

       来源：阿多比设计学院学生作品

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

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

       来源：阿多比设计学院学生作品

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

第十一周:C4D、Banner

       来源：阿多比设计学院学生作品

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

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

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

       来源：阿多比设计学院学生作品

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

第十三周：图标

       来源：阿多比设计学院学生作品

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

第十四周：界面、胶囊

       来源：阿多比设计学院学生作品

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

第十五周：界面设计

       来源：阿多比设计学院学生作品

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

第十六周：运营界面

       来源于网络

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

第十七周：交互动效

       来源：阿多比设计学院学生作品

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

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

第十八周：前端

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

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

       非常高兴能与大家分享这些有关“ui设计教程”的信息。在今天的讨论中，我希望能帮助大家更全面地了解这个主题。感谢大家的参与和聆听，希望这些信息能对大家有所帮助。