与“30天教你怎么学UI设计”相关问答

• 2 回答
  UI设计学什么？

  2020-12-04 浏览：108 分类：综合其他

  回答：

  1、绘画：学习手绘，并不是需要大家达到专业美术生的水平，而是让大家学会利用手绘表达自己的作品。因为软件操作带来的灵感远没有手绘带给我们的思路敏捷。每一个成熟的设计师来讲，好的创意和想法一定不是先来自于电脑，而是先来自于本上，手绘是创意和灵感最好的表现及表达方式，养成手绘的习惯和会手绘这件事能够更加拓展设计师的思维，把你对图形的需求快速呈现草图上进行快速的演变图形尝试对比，进而提高工作效率。
  2、软件：软件是UI设计不可缺失的辅助工具，工具的学习并不在多，而在于你是否能用工具将自己的想法表达出来，让工具化身为左右手去协助自己完成设计。每一类设计工具选择一到两熟练操作，在今后的工作中遇到类似工具是可以很快上手的。
  3、设计基础：UI设计也是设计，所以必须掌握必要的UI设计基础知识，才能支撑以后的设计工作。
  4、网页设计、电商设计、移动端设计：学习网页设计、电商设计、移动端设计的设计规范，有意识的去培养自己自己的设计思维。将用户体验、交互设计、运营设计渗透到学习过程中，在实践中掌握技能。

  查看更多
• 5 回答
  UI设计怎么学？

  2022-09-20 浏览：82 分类：综合其他

  回答：

  随着互联网行业的发展，如今市场对于UI设计师的要求越来越高，对应的UI设计的学习内容也越来越多。如果你现在还想拿着一项大多数人都会的基础技能找高薪工作，这基本不太现实。

  互联网刚刚兴起之时，UI设计的门槛很低，也许你只会平面设计或者单纯的网页设计就能找到一份很不错的工作。但现在，随着智能手机的普及、5G时代的来临，网民基数越来越大，大家对于界面的要求也越来越高，对应的企业的要求也发生了很大的变化。产品生产的人性化意识日趋增强，越来越多的企业开始注重交互设计、用户测试方面的投入。企业不仅需要UI设计懂设计，还需要懂交互、懂用户心理，甚至还要会代码、AE制作动效、以及插画、手绘等等。

  说了这么多，那我们如何学习UI设计？又如何成为市场上需要的UI设计呢？我现在从一个成熟的UI设计课程去拆分讲解具体的学习步骤，以及学习中的注意事项。

  一、那我们如何学习UI设计？又如何成为市场上需要的UI设计呢？

  1、手绘以及软件基础---软件水平

  手绘

  没有美术功底可以学UI设计吗？

  答案肯定是可以，但是有美术功底的UI设计师在一定程度上会使自己的竞争力更加突显。创意想法对于UI设计来说是很重要的，但这只是一方面，能通过不同方式与途径准确地表达出自己的创意想法又是另一方面。对于有美术基础地设计者来说就会有更多地表现形式来表达自己的想法，比如常用的手绘、插画、写实图标等。

  所以我们要学会在今后的UI设计工作中，利用手绘。在这个部分的学习中，其目的是通过手绘掌握并了解形体的结构，光感和空间关系。后期才可以将手绘渗透到作品中，把手绘和鼠绘结合，从零到一的进入到插画，进一步渗透到项目作品中，比如电商首页/专题页/APP闪屏/缺省页等。

  学习手绘，并不是需要大家达到专业美术生的水平，而是让大家学会利用手绘更好的表达自己的作品。因为软件操作带来的灵感远没有手绘带给我们的思路敏捷。每一个成熟的设计师来讲，好的创意和想法一定不是先来自于电脑，而是先来自于本上，手绘是创意和灵感最好的表现及表达方式，养成手绘的习惯和会手绘这件事能够更加拓展设计师的思维，把你对图形的需求快速呈现草图上进行快速的演变图形尝试对比，进而提高工作效率。

  所以针对手绘部分，将手绘结合项目中的设计，可以有以下学习流程：

  通过静物练习了解物体，透视/光影/三面五调

  通过饱和度、明度、色调等理解色彩关系、通过剖析每个颜色的正向负向心理暗示，了解色彩情感表达

  运用ps软件手绘图标，提升软件熟悉度

  手绘鼠绘结合绘制技巧（插画临摹）

  软件

  软件是UI设计不可缺失的辅助工具，工具的学习并不在多，而在于你是否能熟练的使用工具将自己的想法表达出来，让工具化身为左右手去协助自己完成设计。每一类设计工具选择一到两熟练操作，在今后的工作中遇到类似工具是可以很快上手的。

  其实，学习工具最快的方法是带有目的的学习，使用反推法学习可以让你更清晰更直观的了解这个功能存在的意义。以案例入手从案例中学习新的工具，让工具和技法和案例融合一体，从而加深对软件及其综合能力的入门和提高。

  那什么是反推法学习呢？下面我们选取PS、AI这两个设计中常见的工具来简单介绍一下，其他工具也可以参考这样的学习模式。至于软件的熟练度就需要你自己花时间反复练习。

  （1）PS，Adobe Photoshop，是由Adobe Systems开发和发行的图像处理软件。相信不是设计行业的小伙伴也对它久仰大名，更是设计专业人员必须掌握的设计工具。Photoshop主要处理以像素所构成的数字图像，其重点在于对图像的加工处理。

  初次接触PS，我们需要自学掌握PS基础、工具详解、布尔运算、图层样式、混合选项、蒙版、调整图层、滤镜、混合模式、图像等。我们如何一步步将这些功能摸清楚用明白呢？

  PS基础：了解工具详情、图层样式//图层调整。（案例演示）

  学习ps布尔运算，并运用到图形绘制中。

  通过海报合成案例，掌握混合模式/蒙版。

  利用图像调整（曲线、色相饱和度、色彩平衡等），调整合成素材颜色、光影等统一性。

  海报合成中利用滤镜达到远近、虚实、锐化、扭曲等目的/利用camera raw做合成最后调整。

  我们只有不断的通过对商业实战的分析，通过结果的反推，让软件和设计思维相结合。在反推和临摹的过程中，让我们的工具基础更加扎实。

  （2）AI,Adobe illustrator，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。它的功能强大，用户界面体贴，是大多数设计师选择矢量编辑软件的不二选择。

  对于AI，我们需要掌握AI的图形符号功能及使用技巧，AI的渐变、混合工具、2.5D插画。再到绘图工具的精通，通过主流插画风格的学习及风格的转换，学习插画中的色彩。最后实现logo图形的绘制技巧及字体设计等。

  ai基础：通过学习路径查找器掌握图形减去、相交、相加等能力/掌握图形符号，增强图形或设计美感。

  适量插画绘制，加强对物体结构/光影/颜色的理解。

  顺应当下流行趋势，通过人物、风景深入了解主流矢量插画表现形式。

  以上这些其实只是对工具有个基础的认识，让你了解工具的功能，然后反复去熟悉工具。至于如何利用这些工具，还需要继续进阶学习。

  2、设计基础、设计理论--设计思维

  没有设计思维，工具用的再熟练，设计出的作品也不会被大众认可。所以我们必须学习设计的原理，掌握设计基础。将理论和实践结合，完美的将自己的想法合理的展示出来。

  这个阶段中可以引入Logo设计、字体设计和VI手册设计，在理论中穿插实操，让学习富有目的性，在操作中反推设计思维。

  什么是logo？如何入手做原创logo？logo的常见表现形式？这里将Logo和文字设计相结合来讲解一下学习步骤。

  学习平面构成：点线面，了解平面空间的基本元素。以设计的手段来让元素变得更精致更富视觉冲击力。

  习平构基本形式重复、近似、渐变、变异等，培养逻辑思维和造型能力以便我们能够将其运用到实际的设计当中。

  从Logo设计头脑风暴中开发自己，思维空间从宏观到微观提取设计关键词。

  学习Logo草图绘制多种方案，这里就要用到之前学习的手绘技巧啦。然后选其中一种进行继续优化。

  通过不同关键词相互组合，做图形提炼、结合、重组、赋予关键词图形化，图形化优化定稿。

  根据字体横竖撇捺等了解文字结构字面、重心、独体合体字、中宫处理等，掌握字体变形设计，完善Logo提案效果图增强过稿概率。

  Logo文字部分提取重新设计

  Logo图形文字结合定稿

  在Logo设计中我们学习了平面的构成、字体设计等，在画册学习中我们同样会穿插设计知识。比如设计的色彩心理学、色彩对比及配色技巧，vi基础+应用部分规范及内容，场景应用效果图及尺寸和材质等。通过自己模拟项目，去深入掌握vi手册基础部分。

  学习VI视觉手册规范，重点提炼VI视觉手册页眉页脚设计。

  模拟练习项目从甲方、用户等多角度深入掌握vi手册基础部分：企业标志、标准色、标准字体、中英文印刷规范、辅助图形、错误应用，并以企业特性进行基础部分规范设计。

  VI手册应用部分，以使用场景、材质、工艺、尺寸、展示环境等，给出甲方专业成品落地建议及效果展示。

  完善VI手册提案效果图。

  3、Web网页/电商运营设计

  平面设计是UI设计的基础，我们通过平面设计去学习了设计基础、设计思维，减少了UI设计学习阶段中的很多疑惑。

  互联网时代，绝大多数企业都意识到通过线上资讯来吸引更多的潜在客户是多么重要。这些潜在客户对你的公司及产品印象的好坏，很大程度上取决于你在网站设计上投入精力的多少。企业站和电商平台也是互联网环境下企业必不可少的传播平台和C端自主交易平台，是互联网产业下的主流。

  所针对网页设计，要求你熟悉和掌握Web端设计的规范，了解网站基本架构和栅格化布局，重点掌握企业站界面设计规范和输出规范，且能够根据企业真实需求设计页面。掌握网页中的版式设计/构图排版/网页中的色彩/文字/图片搭配，掌握企业站首焦图的设计技巧。

  而电商部分则需要电商行业设计要求与设计规范，学习电商行业不同类型的设计方法和店铺包装方法，掌握电商设计全流程以及电商Banner版式设计。

  知识这么多，看起来都头大。别急！！！我们将这些知识进行拆分，一步步带你飞。

  （1）企业响应式网站/一屏网站设计：掌握网页设计流程及规范，网页设计配色、排版技巧。

  Web设计基本规范：单位、分辨率、尺寸、字体、颜色等/通过案例展示了解网站组成架构（首页设计）

  网页设计中的版式扩散与界面设计

  通过栅格化布局，增强网页设计版式，深入研究网页中构图/色彩/字体/图片使用等，提升整体页面细节。

  响应式移动端设计规范：设计尺寸、适配设备、排版布局转化形式。

  企业网站界面设计

  （2）后台设计：掌握数据图形化，及图形数据配色。

  目前，根据招聘市场信息反馈可视化和后台也是网页阶段的标配，所以后台首页又有那些学习要点呢？

  企业网站界面设计

  掌握一屏式网页设计及页面中交互效果设计（一屏首页设计）

  通过设计案例了解后台设计规范及后台操作流程和功能

  后台首页设计

  将后台数据通过柱状、饼形、走势图等手法以增强观赏阅读性为目的做数据可视化处理

  （数据图形化设计）

  （3）电商设计：操作掌握首页、专题页、详情、主图、直通车、钻展、后台装修，移动端与pc端设计规范，并且通过店铺实际操作掌握电商详情页的设计技巧和版式技巧。

  通过淘宝电商平台了解首页移动端与pc端设计规范。

  掌握主图、直通车、钻展设计规范，以及在后台推广窗口了解更多运营推广图设计板块。

  通过项目案例分析展现专题页设计构图/以真实案例剖析：项目流程、关键点提取、视觉推导图。

  淘宝电商平台首页、专题页设计

  详情页设计规范及内容构成，站在用户角度去考虑设计

  淘宝电商平台详情页设计

  通过申请自己的淘宝店，在电商后台实操装修/商品上架（切图/上架/后台装修实操）

  （4）C4Dbanner：掌握3D场景设计，运用到设计作品中，丰富画面视觉效果。

  C4D软件基础/场景搭建，利用3D场景提升设计空间立体感，增强视觉冲击力。

  （白模场景搭建）灯光材质/渲染输出/C4dbanner（场景贴材质/打灯光/渲染设置并输出应用到Banner中）。

  Banner设计中的版式与Z轴拆分。

  提升电商Banner，画面中融入更多插画元素。并多以矢量插画风格展现。

  C4D风格Banner设计制作。

  3、移动端设计

  划重点啦！！！

  随着移动互联网的发展，大家对于手机的需求也越来越高，人们用手机娱乐、消费、学习，所以UI设计无时无刻不体现在我们的生活中。在这一部分，我们不仅要学习设计，还要学习用户体验、交互设计、运营设计，让我们的产品更贴近目标用户的使用习惯。

  （1）用户体验、竞品、原型图：了解项目开发、产品调研、项目流程，掌握交互原型。

  通过市场调研或大数据分析，做项目竞品分析。利用大数据统计分析用户对产品的痛点及体验反馈，模拟用户画像分析用户对本项目的痛点、需求、受众、职业等等。通过数据比对及资料搜集做市场分析。

  学习Axure软件，绘制低保真原型图。

  结合产品分析和竞品分析，用Xmind制作思维导图。

  分析App页面流程图/功能框架/界面跳转逻辑，利用axure绘制App原型图。

  （2）图标、胶囊、界面设计：通过整体性设计界面去掌握图标、状态栏、导航栏、标签栏、闪屏、启动、欢迎页/引导页，弹窗页面等界面设计。

  以剪影图标、扁平图标、线性图标、面性图标、微质感图标、轻拟物图标认识图标的多样性。

  探究金刚区、功能图标、装饰性图标设计的特性，及不同板块应该使用的图表类型及设计。

  了解Ios/安卓界面设计规范：尺寸、字体、颜色、大小、行距等，再深入探究界面中组成部分如：状态栏、导航栏、标签栏等尺寸可点击空间大小等。

  通过成熟的App，了解胶囊/弹窗设计形式及组成部分，深入分析闪屏/启动/引导页/三者之间的设计特性和运营思维用户体验等

  最后，从0到1按照用户思维和产品思维整体性设计界面

  （3）运营界面、AE交互动效、制定视觉规范设计：电商中的运营思维与产品设计结合，以用户思维审查界面寻找用户痛点，提升整体运营界面，达到营销推广目的。AE交互动画设计，增强界面交互操作体验感。

  以运营思维延展推广类界面设计。（多看优秀电商产品，去反推运营思维与设计）

  突出促销活动专题页、弹窗、闪屏设计氛围，增强视觉感染力，促进用户点击浏览量。

  运营界面设计。（从模范开始，到加入运营思维设计运营界面）

  以案例掌握AE软件基础：图形变形、移动、大小、透明动画

  深入AE功能：节点缓动、速度图表使用让画面更柔和顺畅自然、利用滤镜达到更多动画效果，以界面交互动画、跳转效果动画做练习及项目展示。

  掌握视频导出MP4、Png序列、Quicktime方式。

  4、WEB前端：UI设计不一定要精通Web前端，但是如果了解前端基础知识，可以更好和程序员沟通，以实现自己想要的效果。

  掌握Web前端的基本知识，熟悉Html5和Css3.熟悉框架布局

  通过学习Html5和Css3的学习,把自己设计的企业站解析成网页。

  通过以上的学习，我们具备UI设计技能，进入UI设计行业后，更需要保持持续的学习去提升自己的审美、设计、技能等。所以多去看别人的设计，不是要抄袭，而是去思考学习别人的优点，去提升自己的设计思维。

  查看更多
• 2 回答
  自学UI设计怎么学？

  2022-09-20 浏览：58 分类：综合其他

  回答：

  很多想要自学UI设计的小伙伴，苦于没有好的学习计划、课程大纲，学习效果很不好，花了时间也没有将自己的知识体系建设全面。那自学UI设计到底应该如何学习呢？在讲学习流程之前，我们先来来简单介绍一下什么是UI设计以及UI设计的前景如何。因为只有你了解了UI设计之后，你才知道自己是否对其感兴趣，是否是真的愿意花时间和精力去学习。一、UI设计UI（UserInterface），中文名“用户界面”。Ps：（百度解释）UI是指对软件的人机交互、操作逻辑、界面美观的整体设计。那互联网的这波浪，无论前浪，还是后浪都从未消停过。你经常看到“互联网+”这样的组合，通俗解释“互联网+”就是“互联网+各个传统行业”，但这并不是简单的两者相加，而是利用信息通信技术以及互联网平台，让互联网与传统行业进行深度融合，创造新的发展生态。在这其中，又与UI有什么紧密联系呢？把传统行业放到互联网上，肯定需要用一个界面来展示，哪怕只是一个简单的网页，而每一个互联网下的产品无论是PC端还是移动端，无论传统行业还是非传统行业，最终呈现都要以UI界面为依托，供用户使用查看。这其中又不仅要视觉产出，还要好的交互和用户体验。举个例子，说说我们平常不太关注的来电接听这回事。苹果手机在不锁屏的状态下，来电显示时，接电话在右边显示绿色，挂电话在左边显示红色。一般情况下右手拿电话，大拇指操作，绿色是接听电话，这是我们的常规操作，使用频率很高，所以在右边离大拇指更近，而挂电话频率不高所以在左边远一些。从色彩体验上分析，红色也有警示警告的作用，但如果红色按键和绿色按键换个位置，其实并不会影响视觉，但却不是一个好体验，可能随时都会有挂电话的误操作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设计知识掌握牢靠。

  查看更多