UI设计提高视觉层级的9个技巧

有效的视觉层级是产品成功的基础，能以有效的方式组织UI元素，使内容容易理解，看起来舒适整洁。视觉元素的呈现对用户体验有很重要的影响，如果组成元素能被巧妙地运用，用户就能轻松地浏览产品，和产品互动，并且享受这个互动过程。

声明：原创翻译，如需转载，请申请本人授权并保留文章全部信息，严禁私自用于任何商业用途，请尊重作者权益。

那么，怎么做出有效的视觉层级？当然，不同的产品要求不同的方法，但仍有一些相同的方法帮助组织UI元素。接下来我会提供一些有用的技巧，关于如何为移动和web产品创建具有说服力的视觉层级。

1、始终记住商业目标

产品背后总有商业目标的支撑。为了达到这个目标，设计团队需要梳理出哪些UI元素更为重要，根据他们的角色排优先级，比如在电子商务网站上的所有元素各自都有他们的任务。产品图片通常是主要的视觉焦点，因为需要鼓励用户考虑购买。接下来是图片的标题，标题要解释产品是什么。然后是CTA按钮，促使用户购买产品。通过思考网站或app的商业和市场目标，设计团队能有效地优化视觉层级，让产品在一堆信息中脱颖而出。

UI设计

2、考虑浏览轨迹

在我们之前的文章中提过，在仔细阅读网页前，人们会大致浏览下什么是他们真正感兴趣的。不同的研究，包括尼尔森-诺尔曼团队做的研究，都已表明被广泛采用的浏览模式是F型或Z 型。

F型主要是出现在有大量内容的页面或屏幕上，比如博客、新闻平台等，用户的视线是以F型浏览：首先，用户在水平方向浏览页面顶部的信息，然后往下浏览页面，再在比较窄一些的水平方向浏览页面，最后在垂直方向，阅读页面左边的信息，寻找页面段落句子的关键词。

Z型出现在没有大量内容的文本上，或者不需要往下滑动页面。这个轨迹是像这样的：用户首先会在左上角浏览页面的标题，寻找关键信息，然后浏览到右上角，最后从左到右沿着水平方向浏览页面底部。

了解了这两个模式后，设计师组织内容时会把核心UI元素放在最容易被看到的地方来吸引用户。

3、易用性优先

我们常常认为视觉层级好像只是针对审美层面，但其实不是这样的。首先，通过构建和组织视觉元素，设计师需要确保产品清晰可用，导航能起到作用。光建立在审美层面的视觉层级是不

能起到有效作用的，组织结构差的用户界面会带来不好的用户体验。所以，构建视觉层级时，设计师需要考虑UI元素的功能是什么，以及它们在引导用户的过程中所扮演的角色。

4、留白

UI设计

留白或者说负形，不仅仅是指界面元素之间的区域，它也是视觉构成的一个关键部分。留白是一种能让所有界面元素被用户注意到的工具，设计师们能用它组合或分离UI组件，以创建有效布局。而且留白有利于强调需要用户特别注意的元素，也是创建视觉层级的有效工具，需要设计师平衡使用。

5、使用黄金比例

我们最新的文章中专门有一篇是介绍黄金比例在设计中的运用。不同尺寸的元素有一个精确的比例在审美上被认为是看起来最舒服的，这个比例是1:1.618，经常被绘制成一个贝壳形的螺旋，你可能看到过。

设计师在绘制草稿阶段就经常使用黄金比例，这有助于规划排版架构，以适合的比例缩放用户界面元素，使用户看起来舒适。

6、使用网格

网格是个用于设计不同阶段的关键工具，也包括建立视觉层级的阶段。网格有助于组织组件，使它们以合适的尺寸和比例呈现，而且能帮助设计师有效处理负形，因为网格展示了元素是否按比例放置。

7、添加一些颜色

颜色的选择和组合对视觉层级来说很有必要，因为它们能帮助用户识别核心元素。颜色有它们自己的层级，在用户心里具有影响力。有像红色、橙色这样很强的颜色，也有像白色、米色这样很弱的颜色。强烈的颜色很容易被注意到，所以设计师经常用来突出元素，增强对比。

把一种颜色运用到几个元素上，你会发现它们在某种程度上是有联系的。比如，如果你选择了一个红色购买按钮，当用户需要的时候，能凭直觉找到。

8、注意字体

视觉层级包括一个核心分支叫做排版层级。通过修改和组合文字，排版层级旨在形成起最有意义、最突出文字信息和普通文字信息之间对比。通过调节字体大小、颜色、字重和对齐关系来

实现字体的转换。不同的字体能将文字信息分割成不同的层级，以便用户可以逐渐感知信息。不过，字体尽量控制在3种以内，因为使用太多字体会显得页面很杂乱，设计不协调。

9、Web三层级和移动两层级

如上所说，不同的字体形成了排版的优先级，排版层级由标题、次标题、文本、按钮和说明文字等构成。有3个排版优先级：第一、第二和第三层级。第一级包含最大的类型，旨在把用户注意力吸引到屏幕的核心信息。第二级提供容易浏览的文本元素，帮助用户引导到内容上。第三级适用于正文文本，通过相对小的类型展示一些额外的数据。

很多情况下，web产品包括3个层级，因为能展示更多的信息。另一方面，在移动端设计上建议设计师保留2个层级。小屏不能为3个层级提供足够空间，所以像次标题这种第2层级的元素要放在一边，让页面设计更加简洁。

有效的视觉层级不单是指美感，旨在提供问题解决交互系统和友好的用户体验。为了创造有效的视觉层级，设计师需要考虑功能性和商业目标来组织所有UI元素。

网站界面UI设计

2014届本科毕业论文网站界面UI设计姓名：张帅杰系别：计算机与信息技术学院专业：信息管理与信息系统学号：121132095 指导教师：田素霞 2014年 4月 13日

目录 1 网站网站界面 UI设计的定义 (1) 1.1 网站 (1) 1.2 网站界面 (1) 1.3 UI设计 (1) 2 网站的类型与作用 (1) 2.1资讯门户类网站 (1) 2.2企业品牌类网站 (1) 2.3交易类网站 (1) 2.4社区类网站 (1) 2.5政府机构类网站 (1) 3 网站界面的功能介绍 (2) 3.1 网站的结构布局与视觉感受 (2) 3.2 网站的LOGO (2) 3.3 广告 (2) 4 网站界面UI设计 (2) 4.1 网站界面UI设计应具备的条件 (2) 4.1.1 熟悉网站知识，并能独立完成项目开发，网页设计等相关操作 (2) 4.1.2 要有一定的色彩运用知识 (3) 4.1.3 要具备较强的软件使用操作能力 (3) 4.1.4 要具备一定的专业素质与职业道德 (4) 4.2 网站界面UI设计的流程 (4) 4.2.1 确定网站主题和目标用户 (4) 4.2.2 搜集有关主题的各种信息及进行用户调查 (4) 4.2.3 网站初期规划制定 (4) 4.2.4 进行用户反馈与设计定稿 (4) 4.3 网站界面UI设计的原则 (4) 4.3.1简易性 (4) 4.3.2记忆负担最小化 (4) 4.3.3安全性 (4) 4.3.4人性化 (4) 4.3.5美观与协调性原则 (4) 4.4 网站界面UI设计的意义 (5) 5 网站界面UI设计的走向 (5) 5.1固定头部 (5) 5.2大背景图片 (5) 5.3 CSS透明 (5) 5.4社交媒体标记 (5) 5.5滑动的网页面板 (5) 5.6 CSS动画 (5) 总结 (5) 参考文献 (6) 致谢 (7)

UI设计：提升UX设计的六个细节

UI设计：提升UX设计的六个细节关于UX，相信大家都知道，在一款APP中会存在一些不被用户真正使用到的地方。然而即便如此，我们依然要确保每个设计细节都能够被优秀呈现。要知道，间接也是种用户体验。今天火星时代与大家分享的是提升UX设计的六个细节。一、“首页” 换句话说，这是用户初体验。一般而言，我们会下意识地觉得，首页就应该尽量凸显“登录”和“注册”按钮，配以详细的文字指引（比如这个按钮是干什么用的），模糊掉周围不相关的信息，并将这种模式沿用到每一个按钮身上。感觉很容易，标准化是么？呵呵，错了。首先，几乎没有用户会认真去读你的文字指引，他们只会直接点击按钮——不点击、不使用还谈什么用户体验？其次，你应该确保自己的设计足够“简单”，即无论用户怎么点击都是正确的选择。如果你设计的太复杂，需要用户通过层层关卡和指令才能走到最后，你确定自己是在设计APP而不是游戏吗？最好的办法，只要确保首页的画面简洁、信息醒目就好了，让用户自己去体验，毕竟用户体验还是用户说了算的。不要用海量的信息或别的什么内容来让用户感到压力，等他们自己玩的痛快了，自然会主动去寻找注册或登录。 △Design by Georg Bednorz 小技巧 1、让用户与你的设计尽情互动，不要让用户体验正爽的同时突然冒出来一句“您需要付费才能……”或者“我们需要获取您的……”，或者N多层的各种指令和指引。 2、不要因为你想获取用户的数据信息就贸然打断用户体验。互联网时代，用户们早已知道，你可以利用他们的数据、信息赚钱了，所以你想要，他们未必想给。如果必须向用户们获取、收集数据的话，就尽量为用户营造一种他们会得到某

UI设计工作流程

UI设计工作流程很多没有在正规的大公司工作过的设计师同学问过我面试时如果面试官问项目开发的工作流程是什么？其实，我觉得每个公司可能有自己的工作流程，有些些公司可能需要设计师从前期立项到中间开发到后期产品测试和项目上线的跟进要全程参与而有些公司可能只需要设计师在产品研发阶段进行参与，但不管那种方式，我觉得设计师有必要知道一个产品从立项到完成的所有步骤。现在我大概介绍一种工作流程给大家。一、产品设计阶段首先在一个项目开始之前会是立项，领导或者相关部门提出想法给产品经理，产品经理拿到项目之后，会对整个项目进行分析，这中间产品经理需要做很多工作。 1、首先产品经理配合市场部门进行市场分析，来搞清楚目标市场和产品定位，如果时间充足的话，尽可能的也要做用户调研来确定产品的用户需求的挖掘和分析。 2、竞品分析也是产品经理和设计师都要做的功课。 3、这些前期工作完成之后，剩下的要做原型设计，预算产品周期，疏通整个产品流程，出原型图交给交互设计师当然产品经理在做这些工作时是要保持时刻跟其他部门的同事密切共同的，例如产品的市场定位需要找市场部门的同事进行沟通，产品设计规范，界面布局等需要找UI设计师来沟通。而开发环境和项目周期可能要找到技术开发的同事来进行协调。有些公司还有专门的交互设计师，需要产品经理在前期制作原型图和交互设计师充分配合完成交互说明，以方便

后期的视觉设计和技术开发。二、UI视觉设计产品原型（包括前期交互稿）完成之后需要交付给UI设计师进行视觉设计，这里指的UI设计其实严格来说是属于GUI，因为UI的本意为user interface（用户界面）涵盖了交互设计，用户体验设计和视觉设计。而交互设计和用户体验是在产品开始之时就已经同时展开的，所以这里说的设计通常指的GUI界面视觉设计。 1、在UI设计师开始之前，要充分了解产品定位，通过目标用户的喜好风格分析开确定视觉设计的大概调性。 2、进行竞品分析，找出竞品优劣， 3、搜索素材灵感，多找优秀设计作为自己设计灵感的来源是一个非常有效的方法（参考学习而不是让你去抄袭）。 1）确定配色，布局和设计风格。 2）进行界面设计。 3）完稿后进行可用性测试，修改修改修改直至最重定稿。在整个视觉设计中，设计师除了把控好整体的视觉设计风格，更要有耐心设计好各个细节，例如icon，字体，元素之间的间距等这些不起眼的地方往往代表了整个app的质量，细节之处做好，会给用户在视觉上带来一种安全可靠的感觉，所以细节非常重要。这里有必要说一下视觉设计规范。有些公司的视觉规范是在视觉设计开始之前就要订下来的，而有些公司是整个视觉设计完成之后再来制定视觉规范。为什么可以这样呢，视觉规范是为了方便整个设计团队在设计时更容易进行沟通来进行的，而设计工作在进行中可能会随时进行变更视觉风格，所以设计前期来确定设计规范的话，可能会对后期的设计带来一定的限制，所以设计师内部可能会有一个简单的设计文档来进行交流。等设计稿定下来之后，再来制作标准的设计视觉规范，方便后期开发和之后设计工作继续跟进。整个设计稿确定之后，设计师要出高保真视觉稿，交给技术来进行沟通，同时还需要对

UI设计优化技巧

UI设计优化秘诀 UI设计如同网站建设一样，也是需要优化的，如何才能做好UI 设计作品的优化呢？一单栏型式优于多栏单栏型式让你更能掌握自己的内容，从顶部到底部一气呵成，用故事引导读者，最终是要诱引他们「采取行动」(call to action，下称CTA，意指下载或消费等目的);而多栏反而可能导致读者分心。二不要劈头销售产品「略施小惠」给使用者，贩卖的意图不要设计得太明显。小小的优惠或礼物，对未来的销售会带来大大的帮助。三统一相似的功能，避免支离破碎的UI 浏览网站时，我们很常看到琳琅满目的元素或特色，但它们的功能毫无二致，而相似的选项太多，只会提高让使用者无所适从。倘若发现自己的网站内有以不同型式重复相同功能的状况，不妨考虑重新设计UI，把类似功能整合起来。譬如图中「Customer Service(客服)」、「Contact Us(联系我们)」其实是一样的意思，应当保留一个选项就好。四使用者见证或提出销售实据「社会认同」(social proof)是刺激转换率很好的策略，自己再怎么天花乱坠终究只是自吹自擂，请使用者见证或数字实据才有效。五主要目的请反覆强调，别只提一次

希望使用者点击的连结或按钮(比如购买或下载)，别只出现一次，可以考虑放在单栏网页的顶端与底部，或在多个页面呈现。六清楚区别三种功能性(可点击、已点击、纯文字)元素可点击的元素(连结、按钮)、已点击的元素、纯文字三者彼此应该以颜色、深度或对比等各种设计技巧清楚区隔，让使用者浏览网站畅行无阻。例如左图，蓝色字体是连结，黑色字体是使用者点击的选项，或者是使用者正在浏览的页面。七、突显推荐方案如果服务有多种选择，请把最推荐的方案强调出来，如左图就将「product X」特别放大，Y、Z 缩小。八善意提醒vs. 突兀确认如果使用者更改了某个选项，用一行文字提醒他们可以「复原」就好，无需大费周章设计「再次确认」的跳出视窗。因为多数时候使用者的动作都具有意识，后者太突兀，可能让使用者觉得被纠正而产生被冒犯的感觉。九清楚阐述目标客群描绘适合使用你服务或产品的客群，可以连结到更多相似特质的人，同时也让他们感受自己的独特性。十肯定，避免犹豫不决语气应该直接且肯定，优柔寡断是大忌，讯息中如果出现「也许」、「有趣吗?」、「想要吗?」等疑问字眼，在显示自信与强调权威上可能还有进步空间。十一采用强烈对比 CTA 应该与众不同。运用色调、深度、互补色等方式，将CTA 跟其他网页元素区隔开来。

10个导航栏的设计技巧

10个导航栏设计技巧想要全面掌握UI设计技能，需要自己付出更多的努力，除了专业的学习，在平常还要多看书，多动手，进行一些实践训练，这样才能更好地提升自己的能力，在工作中游刃有余，推荐10个导航栏设计技巧，希望对学习UI的你有所帮助！ 1、超大菜单栏即使许多设计师不喜欢这样的设计，但是对于许多客户而言，它依然是一个客户反响很好的设计方案。不过过大的导航栏可能还是存在一些可用性问题的。通常，超大的导航栏存在的主要原因在于，导航栏项目很多难以缩减。对于网站的运营者而言需要仔细考量这件事情，或者通过搜集来的数据来做设计决策的论据。 2、加入显眼的搜索框用户常常使用搜索来筛选信息，更快更直接地获取重要的信息，所以，搜索框应该突出展示。它应该出现在每个页面上，应该和主导航栏一起存在，应该够大也易于访问。用户对于搜索的需求是刚性的，不要试图打破这种客观存在的规律，尽量让搜索融入到主导航当中来吧。（确保输入框足够大，可以输入，并且足以一次显示常见的搜索内容） 3、限制导航内条目数量作为设计师，你需要预测用户经常访问的内容，将最重要、最常用到的条目置于导航栏当中。值得一提的是，几乎每个网站的导航中都会包含搜索、关于我们、首页，而电商类网站则通常会包含购物车、购买的按钮。但是无论如何，永远将最关键、最重要的导航类目让用户看到，才是导航所应该做到的事情，换句话来说，就是关键内容驱动导航分类。

4、更聪明的导航机制好的导航设计，能让用户能在页面和页面之间合理快速切换，网站不同的内容和功能之间是有一定的自然逻辑的，这个自然逻辑可以作为导航设计的一个重要参考。在这个用户体验高度个性化的时代，网页导航的玩法可以更加多样。以Amazon 为例，当你登录了之后，会发现导航开始围绕着你的信息进行了调整，导航栏从通用的条目变为更贴近你的个人情况的样式，其中包括最近的购买记录，信用额度和Amazon 的服务信息等。 5、正确地排布导航内的条目导航内的元素的排布顺序和条目内容同样重要。导航栏两头的条目是最引人注意的，并且也通常是用户点击最多的，所以作为设计者，你需要特别注意这些条目的设计。对于这一点，还有不少科学研究和理论支持。比如，序列位置效应指的就是人会更容易记住列表的开头和结尾的条目。新近效应说的是用户更容易记住最新看到的条目，而首位效应说的是，相比于列表中间的内容，用户更容易记住列表开头的几个条目。 6、垂直导航垂直导航设计也是目前越来越流行的设计之一。最常见的是垂直导航，是侧边栏导航，它和许多软件的UI设计不谋而合。侧边栏导航对于如今的许多网站是个合理的选择，尤其是诸如长滚动式的页面。侧边栏导航通常为常驻式的，让用户可以随时定位，快速跳转，并且其中所能承载的元素相对比顶部导航更多。垂直导航尤其要注意条目之间的空间间隔。 7、长滚动页面上使用悬浮导航对于长滚动页面而言，导航设计是否可靠是一件颇为重要的事情，无论导航是在顶部、侧边栏还是在底部，它最好能够悬浮置顶，不论用户滚动到哪个

优秀UI设计的20个原则

____________________________________________________________________________________________ 优秀UI设计的20个原则 UI设计的概念侧重在“交互”设计。优秀的UI设计界面，不光是各种元素设计技巧的展现，更重要的是能表现出用户角度的完美“体验感”。那么，如何才能做出令人满意的UI设计呢？读懂下面的20个原则，你的设计会有意想不到的效果！ 1.明确你的用户群首先要明确一个方向：谁是你的用户群？不同阶层、不同年龄的用户偏重的主题设定和设计元素都不相同，所以UI设计必须是有针对性地设计。 2.界面要清晰

____________________________________________________________________________________________ 清晰度是界面设计中，第一步也是最重要的工作。要想你设计的界面有效并被人喜欢，首先必须让用户能够识别出它，让用户知道为什么会使用它。当用户使用时，要能够预料到发生什么，并成功的与之交互，只有清晰的界面能够吸引用户不断地重复使用。 3.交互性界面的存在，促进了用户和我们的世界之间的互动。优秀的界面不但能够让我们做事有效率，还能够激发、唤起和加强我们与这个世界的联系。 4.保持用户的注意力在进行界面设计的时候，能够吸引用户的注意力是很关键的，所以千万不要将你应用的周围设计得乱七八糟分散人的注意力，谨记屏幕整洁能够吸引注意力的重要性。如果你非要显示广告，那么请在用户阅读完毕之后再显示。尊重用户的注意力，不仅让用户更快乐，而且你的广告效果也会更佳。因此要想设计好的界面，保持用户的注意力是先决条件。 5.让用户掌控界面人都喜欢对事物完全掌控，而不考虑用户感受的软件往往不会给客户掌控的感觉，迫使用户不得不进入计划外的交互，这会让用户很不舒服。保证界面处在用户的掌控之中，让用户自己决定系统状态，稍加引导，这样会更容易达成目标。

ui设计教学大纲

课程教学大纲课程名称：UI设计制（修）订人：黎丹审定人：黎丹教研室主任：周增辉开课单位负责人：唐永芳制（修）订时间：2013年6月

一、课程基本信息二、课程的性质和地位《UI设计》是艺术设计专业（平面设计方向）的专业核心课程，是在图形图像处理、企业VI、标志设计课程基础上的延续和提高。课程几乎涉及到了平面设计专业基础课程的各个方面，课程实践中注重对各专业基础课程如图形设计、编排设计、字体设计、构成设计等课程的统合和整体应用。UI界面设计是一门新的学科，也称之为当代的新媒体，它是跨学科的学术领域，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。三、课程教学目标 1、知识目标通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。 2、能力目标通过本课程的学习，学生应该掌握软件的基本操作，并初步具备：UI界面设计能力； 3、素质目标通过本课程的教学，我们重要的是培养学生观察生活、体验生活、体验、审美能力、吃苦精神和激发学生的创造能力的方法和手段。

四、教学内容、教学要求及学时分配

五、教学建议采用案例教学的方式进行教学，尽可能选取贴近生活的案例。 ①在教学过程中，应立足于加强学生实际操作能力的培养，采用项目教学，以工作任务引领提高学生学习兴趣，激发学生的成就动机。 ②教学过程中教师应积极引导学生提升职业素养，提高职业道德。六、课程考核 1、各单元知识点及考核要求

2、综合成绩构成

七、推荐教材及学习资源 1、推荐教材（含实验教材）教材名称：认知与设计——理解UI设计准则 ISBN号：规格：主编：[美]Jeff Johnson 著张一宁译出版社：人民邮电出版社出版时间：2011年9月第1版单价：是否自编： 2、推荐书目和期刊 1、《人机界面设计》罗仕鉴,朱上上,孙守迁著机械工业出版社 2002年9月 2、《人本界面－交互式系统设计》Jef Raskin 机械工业出版社 2004年1月 3、《用户界面设计-有效的人机交互策略（第四版）》Ben Shneiderman著张国印,李健利等译电子工业出版社 2008年10 4、《数字媒体系列教材数字界面设计》（廖宏勇著，上北京师范大学出版社2010） 3、推荐的学习网站八、其他说明无九、实验实训教学要求

ui设计面试技巧

ui设计面试技巧 ui设计面试技巧 hr：你手机上有可以演示的作品吗? 面试者2：我手机没电了… 面试者3：我手机没带… hr(内心os)：这人是竞争对手派来的商业间谍吧?! hr们深知，技能是可以短时间传授的，但态度和习惯不能。招聘方在考察一位设计师时，设计能力固然重要，但那并不是他们最看重的。许多ui设计师对面试有误解，并没有真正了解招聘方的真实需求，往往不经意就掉进了他们挖的坑里。那么，在面试ui设计师时，企业最看重的是哪几点? 1、具备用户体验意识作为一名ui设计师，把自己的作品放在手机上，是一种职业素养的体现。无论是上线产品还是单图，无论设计优劣，关键在于有or没有。没有这个意识，有的企业会直接cut掉。 2、做充足准备你有提前做功课吗?有查看公司资料吗?公司app下载了吗?招聘方希望，你能对公司主动提前了解。这一批人，企业会将之划入较优先考虑的范畴。有些人不光看了产品，对产品理念、市场定位还做了分析，认可公司文化。这类应聘者即使设计能力欠佳，公司也愿意花时间培养。 3、勇于承认错误

有的招聘方会刻意提尖锐问题，例如指出你作品的瑕疵、设计上的失误，他们的真实意图是考察你能否承认错误、承担责任。面对不足，部分面试者想方设法为自己辩解，甚至找借口推脱，推到老板、产品经理身上。招聘方认为，这样的人是没有责任心的，工作进度也必将很慢。对公司来讲，犯错不要紧，要紧的是对待错误的态度。 5、具备分享意识企业倾向于选择具有分享意识的设计师。一般来说，愿意分享idea的设计师，既有利于个人成长，也有利于团队建设。举个栗子：面试官问你“中午都怎么吃饭?”，就是在考察你的分享意识。愿意和大家一起吃饭、为大家订餐、美食共享的人，是企业更喜欢的类型。 6、设计能力在刘伟的招聘历程中，已经有不少ui设计师埋在了这些“坑”里，而真正优秀的求职者可以坦然自如，因为对他们来说，这些是已经装备在身可信手拈来的素养。 ui设计面试技巧[篇2] 穿着，也就是所谓的行头。设计师不是程序员，穿着要得体，不能给人一种拖沓懒散的感觉，要满满的都是年轻正能量，冒着朝气。着装搭配可以有自己的个性，但也不要太过突出，让面试官觉得你是个有些想法的设计师就可以了。曾经也遇到过杀马特风格的设计师，不是太多，也不是什么事，当然还是主要看你的设计能力，外表拉风不拉风就看对不对面试官胃口了。面试的时候会问什么? 一般面试，一部分是围绕你简历中的'作品或经历展开的。考官针对某个作品或参与的项目，会问你当时的设计思路,以及对细节的考虑和把握等，从而了解你的设计基本功。

界面设计：设计通用技巧

导读：设计中的许多技巧都是通用的，比如如何让简单的折扣推广做出新意？数据表格其实可以做得更简单。为配合经常变动的销售价格，店内价格牌如何做得更灵活一些？图片配合推广，更加直观吸引。加点创意，数据对比让人更加印象深刻。文字：不易觉察的巧妙变化在你下一次做折扣海报时，你可以将OFF这个字与百分比结合在一起，变成一个意思仍然清晰及干净的字体组合，小小的变化已可见你的心思。饼形统计图：一种颜色即足够

你的设计软件可以产生无数种颜色，但这并不适合在你的饼形统计表上使用。一种低调的颜色已经可以让你的数据显得优雅大方，而且让所有人的眼睛都只集中在你的对象上。修改前：修改前的这种幸运轮式的颜色设计，虽然让每一个数据都分得清清楚楚，但同时也带了太多的嘈音。因为颜色在这里明显用得太多了。每一种颜色代表不同的数据，反而使整个图片让人无法卒读，而且在这个设计中，还会产生误导。其实里面全部都只是医疗费用支出。

修改后：将颜色简化成一种色调，而且因为是从相关图片上取色，颜色也与主题相呼应。为了使图饼色调显得饱满，我们可以在上面填充一个低调的两色渐变，深色在下，浅色在上，显得更呼应实际情景的色调。如果你要强调某一个部分，将这种颜色加深即可。店内展示牌：混搭使用的纸板牌为了配合价格经常变动，GAP OUTLET服装店采用了这种成本低廉但看起来相当经典的设计，价格牌信息可以轻松变化：

非常简单的设计。产品名称印在大纸板上，而小块纸板则印上价格，两张纸板插入展示架上，价格可以随时灵活变化。休闲短裤（CARGO SHORTS）价格这个星期是15.99美元，而下个星期则可以改为打7.5折。左右两个纸板的颜色，既可以是一个色调通过深浅形成对比（如在这里所用的），也可以是不同的颜色形成对比。这个设计师深谙简约主义的设计风格，有效地利用了负空间将顾客的眼睛集中在文字上（上面示意图所示）。店外展示牌：让你的图片说话

UI视觉设计师工作流程上的总结与建议

UI视觉设计师工作流程上的总结与建议最近有一些刚入行的学妹过来问我，如何才能成为一名合格的设计师，我想三言两语很难传达，于是准备了一篇长文，主要是根据积累的经验和对该行业的认识来叙述作为视觉设计师需要哪些能力。 1.理解业务需求、产品定位和交互逻辑 2.理性确立设计风格并初步评审 3.设计过程中结合需求，合理优化设计 4.保持有效沟通，输出并跟进设计实现首先我们要清楚视觉设计在整个产品中的作用和目的是什么，是给用户提供舒适美好的视觉享受吗，还是为了用户使用产品的时候更顺畅，这些都包括但不仅仅如此，视觉设计还应该传达品牌差异化，让用户清晰地辨识、记忆并喜爱该产品，并以促成业务目标为结果。因此做视觉设计就不能只流于表面形式，应该全面读懂业务需求和用户群的特征，做出符合该业务需求和品牌调性的设计。 1.理解业务需求、产品定位和交互逻辑曾经有个同行跟我说他犯过的一个错误，拿到需求或原型后，也许是迫于时间紧迫和经验不足，立刻就急于开始设计，最终的成品确实很高大上，获得很多同事好评，但是产品经理和老板就提出了有指导性的意见，这个网站是给内部人员使用的，应该以方便快速触达目标为主，而不是做成多屏的滚动页面。虽然老板不懂设计，但是他却懂业务，可见设计不应该是炫技，也不应该是给产品润色，应该是根据业务需求做出多方面综合考量的结果。拿到需求之后，心里有个大概，这个产品是干什么用的，主要是吸引哪些用户群，业务逻辑和使用场景大概是什么样的，当进行了一翻思考之后，如果还觉得陌生，应该怎么办呢，那当然是找到交互设计交流啦，有的公司没有交互设计岗位，这时候可以找到产品经理，他肯定会不厌其烦为你讲解。理解产品的定位，主要是理清产品的类型（如对内或对外、to B或to C产品）、目标人群、核心功能，以及用户群的主要特征，如年龄、性别、喜好、使用时间段和操作场景等。甚

2019年UI视觉设计师需掌握的8大知识点!

设计是一个不断发展和变革的领域，很多时候，看似熟悉的设计趋势会在下一刻摇身一变，再次惊艳到你。灵活的创意和开放的想法，常常能够使稀松平常的元素摇身一变，化身为惊艳的设计作品。这种点铁成金的成就感，大概也是许多设计师即使辛苦也会坚持下去的原因所在吧？ 2019年是UI视觉设计发展的新的一年，那么想成为优秀的UI视觉设计师在新的一年里我们需要掌握哪些必备技能呢？今天根据自己的经验来谈一下UI视觉设计师需要学习的一些知识。 1.平台规范

平台规范是每一位UI视觉设计师必须要掌握的基础知识，因为每个平台的规范不一样，它不同于平面设计。现在一般的平台包含Web端和移动端，移动端又分Android 和IOS，无论你是初学者还是老手都需要熟知不同平台的设计规范。 2.图标设计图标是UI设计的一部分，在新的一年里，主要掌握图标设计的演变，比如之前可能是线性图标，今年呢，由线性转换为面性图标。 3.布局设计布局设计等同于平面设计中的版式设计，同样在用户界面中的布局也会影响到用户的使用，一般Web和移动端的布局也可以用平面设计中的栅格化，至于什么是栅格化在之后的文章中笔者会进行深入的讲解。 4.色彩色彩的运用也是UI视觉设计中最重要的一个知识点，也是一个难点，很多初学者对于色彩又很难把控，导致界面显得非常混乱，色彩是一门非常重要的学科，这需要长期的学习以及积累优秀的设计案例。今年的色彩又以渐变色为趋势，渐变需要我们有更深厚的色彩理论。 5.了解交互一名优秀的UI视觉设计师，不仅仅要掌握视觉本身的一些知识理论，也需要了解跨领域的一些知识，比如交互设计，这样才能够帮助UI视觉设计师更好的进行界面布局设计。

UI设计提高视觉层级的9个技巧

UI设计提高视觉层级的9个技巧有效的视觉层级是产品成功的基础，能以有效的方式组织UI元素，使内容容易理解，看起来舒适整洁。视觉元素的呈现对用户体验有很重要的影响，如果组成元素能被巧妙地运用，用户就能轻松地浏览产品，和产品互动，并且享受这个互动过程。声明：原创翻译，如需转载，请申请本人授权并保留文章全部信息，严禁私自用于任何商业用途，请尊重作者权益。那么，怎么做出有效的视觉层级？当然，不同的产品要求不同的方法，但仍有一些相同的方法帮助组织UI元素。接下来我会提供一些有用的技巧，关于如何为移动和web产品创建具有说服力的视觉层级。 1、始终记住商业目标产品背后总有商业目标的支撑。为了达到这个目标，设计团队需要梳理出哪些UI元素更为重要，根据他们的角色排优先级，比如在电子商务网站上的所有元素各自都有他们的任务。产品图片通常是主要的视觉焦点，因为需要鼓励用户考虑购买。接下来是图片的标题，标题要解释产品是什么。然后是CTA按钮，促使用户购买产品。通过思考网站或app的商业和市场目标，设计团队能有效地优化视觉层级，让产品在一堆信息中脱颖而出。

UI设计 2、考虑浏览轨迹在我们之前的文章中提过，在仔细阅读网页前，人们会大致浏览下什么是他们真正感兴趣的。不同的研究，包括尼尔森-诺尔曼团队做的研究，都已表明被广泛采用的浏览模式是F型或Z 型。 F型主要是出现在有大量内容的页面或屏幕上，比如博客、新闻平台等，用户的视线是以F型浏览：首先，用户在水平方向浏览页面顶部的信息，然后往下浏览页面，再在比较窄一些的水平方向浏览页面，最后在垂直方向，阅读页面左边的信息，寻找页面段落句子的关键词。

设计师必备的五种数据分析UI设计

学IT技能上我学院网https://www.360docs.net/doc/8f17591618.html, 设计师必备的五种数据分析UI设计数据分析在UI设计中运用非常多，且在大数据的前景下，数据分析的地位也非常高，UI设计中过多运用视觉设计技巧，往往忽视了用户体验，很大程度上只是在欣赏数据分析的视觉冲击，但却不懂分析的内容，这是致命的，也不是数据分析设计的初衷，那么如何做到让数据分析设计更易看懂，更加人性化，不仅能够做到美观，而且还能够很轻易的表达出意义来呢，我们来探讨这个问题。本文会教你如何设计出极具美感的数据分析界面，且达到数据分析的效果，加强交互设计，让用户轻易获取数据信息。一、数据可视化分析 1、原始数据分析有时客户并不完全了解自己的数据，人员更替，平台迁移，数据遗失，没有专门的负责人去进行数据的管理和维护，都会造成数据的资源浪费。虽然随着时间过去，越早的数据价值越小，但是有人(我)说过，不能坦然面对过去的人，也无法面对将来。所以，先从整理过去开始吧。

学IT技能上我学院网https://www.360docs.net/doc/8f17591618.html, 2、营销数据分析营销数据的重要性就不用赘述，既要多纬度多，又要分析深刻结论明了。最好又美观又能方便导出，还可以通过邮箱分享或者嵌入网页。

学IT技能上我学院网https://www.360docs.net/doc/8f17591618.html, 3、业务场景数据分析能把已有业务场景数据可视化是比较个性化的需求了，但是一旦实现出来，某种程度来说还是能增加工作效率。

学IT技能上我学院网https://www.360docs.net/doc/8f17591618.html, 4、地理位置数据分析一般的LBS场景是，将业务数据放置于地图中，用户可以获取可视化的数据分析，并能自行上传位置数据。但是现在也有结合物联网需求的可视化地理位置分析，是不是更有实感?看见我的快递努力的在朝我的方向移动，突然有点感动是怎么回事。 5、用户画像当我真的被准确的定位成女屌丝的那一刻，我发现，我不太喜欢这个功能。所以并不面向用户本身的话，可能还不错。让商家去具象的了解用户的信息，做出判断和营销。

UI设计分析

UI设计 UI 到底是啥？当你打开电脑时，是否想象过你熟悉的这些界面是怎么来的？当你用媒体播放器播放音乐时，你是否会选择一个你喜欢的界面？你是否曾因为漂亮的手机操作界面而决定买下手机，又或者你是否总喜欢下载最新的各种表情和图标？要知道，这一切都是因为有了UI设计师。用一句话概述：UI 是连接机器与人沟通的桥梁。 UI 的中文名是用户界面（User interface），是指对软件的人机交互、操作逻辑、界面美观的整体设计。举例来说，开车的时候方向盘和显示器就是这个界面，看电视的时候遥控器和屏幕就是这个界面，用电脑的时候键盘和显示器就是这个界面。因此，UI设计师的工作范围非常庞杂，涉及软件界面设计、即时通讯软件界面设计、媒体播放器界面造型设计、游戏界面设计、桌面主题定制、软件图标设计、工具栏图标设计、logo设计、表情头像图标设计、手机界面设计、PMP播放器界面设计、TV端界面设计、PDA界面设计、车载设备界面设计等等。我们现在使用的大多数设备界面也是现在大多数设计师所做的工作都是图形用户界面，即 GUI( Graphical user interface）。我们通过这些可视化的图形界面来理解计算机，进行工作。 UI的由来 UI在中国真正兴起发展到现在不过短短的几年时间，对于UI的行业标准在不同的公司不同的行业也不相同。可能很多人的对UI的认识还停留在传统意义上的

“美工”，但实际上UI并不是单纯意义上的美术工人，而是了解软件产品、致力于提高软件用户体验的产品外形设计师。我们最早使用的计算机，最初的界面可不像现在这么友好，那时的界面还是命令行界面，CLI（Command line interface）。计算机只是被政府或大型机构使用，在普通人眼中是完全不能理解的存在。（命令行界面，Bourne shell interaction on Version 7 Unix）而乔布斯一直渴望计算机能进入寻常百姓家。在1979 年，他「命运般」地参观了施乐公司，然后做了一回搬运工……使得图形界面被应用在Macintosh 上，还引入了鼠标。苹果电脑大肆宣传其创新的交互界面，Macintosh 的诞生开启了一个新的时代。而那时的界面设计也奠定了现在的计算机界面。你可以发现很多设计，过了几十年依旧被保留了下来。（1984 年面世的Mac OS System 1.0） System 1.0是苹果随同Macintosh 128K的最初电脑操作系统，发布于1984年1月，是第一个麦金塔操作系统。当时的System 1.0含有桌面、窗口、图标、光标、菜单和卷动栏等项目。这是最早的关于UI的理念。随着计算机系统的不断发展，我们使用的界面也变得越来越人性化。让我们看一下最新的MAC系统及Windows系统界面。 OS?X El?Capitan Win10系统 UI的职能及价值一是图形设计，软件产品的产品“外形”设计。

软件用户界面设计的技巧与技术

软件用户界面设计的技巧与技术软件用户界面设计的技巧与技术文章来源：网络对大多数人来说，用户界面就是软件本身。所以，掌握用户界面设计的技巧与技术是让软件走向市场的最直观因素。对于应用软件来说，一个基本现实就是：用户界面是面向用户的。用户需要的是开发者开发的应用软件满足其需求，并且易于使用。太多的开发者自以为是艺术天才，他们不去尽力遵循用户界面设计标准，或花精力使得产品好用；相反，他们错误地认为编写更灵巧的代码或是使用一套确实有趣的颜色方案才是重要的事。Constantine(1995)指出，好的用户界面使得人们不用阅读用户手册或接受培训就能使用应用软件。界面设计的重要性有这么几个原因：首先，用户界面越直观，就越易用，越易用就越便宜。因为界面越好，培训用户就越容易，降低丁培训成本；界面越出色，用户就越少求助，降低了客户支持成本。其次，界面越出色，用户就喜欢使用，增强了开发者工作的满意度。一、用户界面设计的技巧与技术本节所包含的用户界面设计技巧将有助于提高面向对象界面的设计。 l、一致，一致，还是-致。你能做的最重要的事情就是保证用户界面运作的一致性。对于列表框来说，如果双击其中的项，使得某些事件发生，那么双击任何其它列表框中的项，都应该有同样的事件发生。所有窗口按钮的位置要一致，标签和讯息的措辞要一致，颜色方案要一致。用户界面的-致性使得在用户对于界面运作建立起精确的心理模型，从而降低培训和支持成本。 2，建立标准并遵循之。在应用软件中保持一致的唯一途径就是建立设计标准并加以遵循。最好的办法是采取一套行业标准，对自身特殊的需要加以补充。已有的行业标准，如IBM标准(1993)与Microsoft标准(1995)，通常可满足95%

UI设计—交互设计中的5项视觉指导原则

UI设计—交互设计中的5项视觉指导原则我不想贬低文字的重要性，但也不想忽视视觉。两者是同等重要的交互设计元素。文字就是交互，但那些视觉元素（比如图标、菜单、图像等）才是用户实际上操作的东西。虽然有些可用性专家会提及Craigslist甚至Amazon，作为丑陋但可用（而且受欢迎）的网站案例。但毫无疑问，美感总会有所帮助。情感是用户体验的关键：视觉设计优秀的网站能使用户放松，提升可信度和易用性。考虑到多数用户注意力短暂，认知往往成为事实：如果视觉做得很糟糕，用户不会费神去深入研究你的交互设计。让我们来细说视觉的重要性，因为它关系到交互，保证了清晰的方向指引和一致性。 01. 尊重视觉的主导地位我们从案例展示开始。看看下面的文字：很显然，我们都知道“黄色”一词所指的颜色。但当多数人看到它时，他们理解到的可能只有红色。文字的外观取代了它的真正含义。

信息图专家David McCandless表明，我们大部分的脑力资源都花在了视觉上。作为人类，视觉是我们的主要感观。但是其他动物更多依赖听觉与嗅觉，我们是视觉主导的生物。正如数据记者兼信息图专家David McCandless在一场引人入胜的TED演讲中提到的，我们会调动全部感观，但多数的脑力都花在了视觉上——虽然我们很难察觉。他用计算机进行了类比…… “视觉是感观中最迅速的。它和计算机网络的速度相同。之后是触觉，相当于一个U盘的速度。然后才是听觉与嗅觉，约等于硬盘的速度。 “后面才是可怜的味觉，运算速度几乎近似便携式计算器。角落里那个小方块，百分之0.7，那就是我们实际了解的量。所以你的很多感观——绝大多数感观都是视觉上的，它蜂拥而来——你却浑然不觉。”

新手UI设计师常见的7个问题

新手UI设计师常见的7个问题那些有自己的博客的博主以及写些关于设计信息文章的作者经常会遇到有人向他们提问，而且都是些很基本的问题。这里整理了一下一些最常见的问题。那些有自己的博客的博主以及写些关于设计信息文章的作者经常会遇到有人向他们提问，而且都是些很基本的问题。这里丝路整理了一下一些最常见的问题。 1.想要做个好的设计师我需要学习什么技巧? 很多人都想问关于“设计技巧”的问题，但是“设计”真心不是技巧，它是一种结果，你需要其他的技巧来完成“设计”这个结果。那么好的设计需要什么技巧呢?这里是一些比较基本的。 1.空间感、比例感 2.色彩控制力 3.想法的表现力听起来很简单，对吧?实际上，好的设计有很多不同的构成。懂得怎么去合理安排这些构成以达到很高的审美标准，这需要搞得空间感、比例感和洞察力。良好的色彩运用可以把普普通通的设计提升到新的高度。色彩理论既是科学也是艺术，但对于设计师来说，要想成为一个大师，色彩上下足功夫是最简单的。把你脑中所想的用图像表达出来更属于技术层次上的要求。你需要掌握工具，以进行创造和设计。这意味着一些设计软件、设计属于都要掌握。如果无法把你的想法去实现，那你就不是是一个设计师，那你仅仅是个有聪明想法的笨人。一些辅助性的技巧还包括：项目管理客户管理基本的账务登记尽管严格的来说和设计不想管，但是如果你想做一个自由设计师，那么很有价值。而且团队性的工作上也很有用。

2.怎样，在什么地方开始我的学习? 学《UI设计》，首选丝路教育！我是个实践中学习的坚定支持者。有很多教程可以教会你很多设计中需要了解的东西。没有最好的设计网站，多多参考不同的网站，你会收获良多。首先，找一些不错的HTML或者CSS的参考书。这种书太多了，所以找那种看起来简单易懂的就好。其次，从一些教程上开始。Google是你良好的朋友。看看一些设计的教程。"Tuts+"网站是一个很好的开端，但是它不仅仅提供优秀的教程。多跟这个网站学习学习吧。最后，开始从这些网站中脱离出来，使用像Firebug类的工具来看代码(HTML,CSS，Java).找出是什么地方导致网站很出彩。找出他们用了什么技术和插件。然后自己再独立的重新设计这个网站。你可能要耗费将近一年时间在读书上，但是一旦你开始做出自己的东西，那么你离目标不远了。 3.我应该直接学习HTML5和CSS3还是先学习老版本? 很多设计师不了解HTML5、CSS3不但使用了一些新的技术，而且也保留了之前版本中的老技术。换句话说，学了HTML5后，再去学HTML4你会发现很多东西你不用学了。对于CSS2和CSS3也是同理。所以要学就学最近的技术。 4.什么时候我可以学习图像处理软件比如Photoshop? 如果你想成为一个设计师，你需要去驾驭很多图像工具。可能是Photoshop，Fireworks,Illustrator,GIMOP等工具。单纯用CSS3你也可以创造一些图形，精通这些工具会让你的设计变得更轻松。所以什么时候学习设计软件?我的回答是越快越好。 5.我真的需要学习代码吗? 有些设计师从来不接触代码，他们就是不喜欢代码。此外，是因为他们从来没有学习过如何去写代码。但真的应该知道些关于前端开发的基本。尽管你可能只是在团队中负责的是视觉上的设计，但是了解内部原理，了解代码如何工作会帮助你的设计更上一层楼。知道什么可行，什么不可行。也会让你和开发者的交流更轻松。 6.得到第一个客户需要多久?

UI设计技巧概念

UI设计概述 UI设计在项目开发过程中工作量最大、最艰苦也是最难以控制的阶段。不管一座大楼的设计蓝图多宏伟，若没有管道工、泥瓦匠、水电工等各种工匠一砖一瓦地艰辛积累，密切协作，这座大楼始终是空中楼阁、海市蜃楼。一、界面设计 1)深入用户分析要进行界面开发设计，用户分析是第一步。总所周知，进行任务和用户分析，以及相关调研的必要性和重要性。用户是计算机资源，软件界面信息的使用者，由于目前计算机系统以及相关的信息技术应用范围很广，其用户范围也遍及各个领域。我们必须了解各类用户的习性，技能、知识和经验，以便预测不同类别的用户对界面有什么不同的需要与反应，为交互系统的分析设计提供依据和参考，使设计出的交互系统更适合于各类用户的使用。由于用户具有知识、视听能力、智能、记忆能力、可学习性、动机、受训练程度、以及易遗忘、易出错等特性，使得对用户的分类、分析和设计变得更加复杂化。另外，为了设计友

好而又人性化的界面，也必须考虑各类不同类型用户的人文因素。在软件设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。例如：对于科学用户和对于电脑入门用户的设计重点就不同。 2)设定合理的交互方式软件界面是人—机之间的信息界面，交互是一个结合计算机科学、美学、心理学、人机工程学等工业和商业领域的行为，其目标是促进设计，执行和优化信息与通信系统以满足用户的需要。在交互过程中，交互设计关系到用户界面的外观与行为，它不完全受软件的约束。界面设计师以及决定如何与用户进行交互的工程师应该在这一领域深入研究。在界面开发过程中，他们必须贴近用户，或者与用户一道来讨论并得出结果，所以他们的工作是较为辛苦但是最具有意义的。

浅谈UI设计师职业规划

浅谈UI设计师职业规划随着移动互联网的迅猛发展，使得移动产品设计人员急缺。由于高薪酬，很多其他行业设计师转行做UI设计。那么到底什么是UI设计? 做UI设计需要掌握哪些知识体系? 如何去学习? 今后如何做职业规划? 是很多新人常会遇到的问题! 针对这些问题，给大家一个比较全面的解释，希望能帮到新入行移动设计的人! 一、首先我先要分清几个术语： UI (User Interface)：用户界面

IxD(Interaction Design)：交互设计或互动设计 UE或UX (User Experience)：用户体验 UED (User-Experience Design)：用户体验设计 UCD (User-Centered Design)：以用户为中心的设计 PM(Product Manager)：产品经理视觉设计(Visual Design) 详细解释： UI (User Interface)：即用户界面。ui设计其实是个比较笼统的叫法，是指软件的人机交互、操作逻辑、界面美观的整体设计。它包含了交互设计和视觉设计2个方面。交互设计：充分考虑用户使用场景和用户行为习惯，通过简化用户任务流程，减少用户使用成本。 UI设计是一种视觉语言，优秀的的界面设计要能通过视觉手段正确传达页面信息主次和交互细节，引导用户如何操作。由此可见，想要做好ui设计，视觉设计知识和交互设计知识都是必须掌握的! IxD(Interaction Design)：交互设计或互动设计。通俗来说就是设计软件和用户的互动方式，通过了解用户需求、目标，使用有效的互动方式让整个过程可用，并且要易用。再直白一点，就是解决软件如何使用。 UE或UX (User Experience)：用户体验。用户体验主要是来自用户和人机界面的交互过程。它是指用户使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑和BUG的程度。产品经理(Product Manager)：就是企业中专门负责产品管理的职位，产品经理负责调查并根据用户的需求，确定开发何种产品，选择何种技术、商业模式等。并推动相应产品的开发组织，Ta还要根据产品的生命周期，协调研发、营销、运营等，确定和组织实施相应的产品策略，以及其他一系列相关的产品管理活动。视觉设计(Visual Design)：