扁平化设计算是秉承了极简主义理念的至亲了 – 因为它将简洁的思想融入至所有元素的设计。然而，要达成简洁的扁平化设计依旧困难 – 即需要我们以相同的设计理念为目的，并创造出一套连贯的视觉与功能体验。让我们来了解下，你能够通过扁平化设计为用户做些什么呢？隐形设计删除不必要的样式练习“隐形设计”最好的方式是做出不抢用户注意力的设计创意。因为如果用户每次都将注意力花费在你的设计上，势必会减少他们沉浸在产品中的体验。而你的目标则是要帮助用户快速、轻松、准确地了解相应的操作与信息。所以，你的设计应该从视觉元素中剥离出来，并能暴露出产品的基本功能。Dropbox 网站的扁平化设计仅聚焦于内容充满活力的配色配色是影响扁平化设计的主要因素配色是扁平化设计的核心 —— 它可以诠释你的网站页面以及 APP 视图的整体感觉。示例：Rovane Durso小贴士：这是一个不错的材料设计和扁平化 UI 配色指南。当你选择扁平化配色方案时，扁平化 UI 配色网能够为你提供一个很棒的配色场所。建议你使用柔和不饱和的色调。因为它们更倾向为你的页面增添艺术美感，而不会由于页面过亮，让读者出现视觉疲劳。柔和的配色会带给你视觉上的愉悦，并且不会抢页面中主要信息的注意力。示例：thehypeagency针对柔和的背景，明亮的色彩可以起到突显的作用。请注意，在以下示例中，我们将展示如何使用色彩突显，营造出图像从页面弹出的效果 ...继续阅读 (10)

小编：@TTTing电商节日套路深，我来给你说说怎么玩～写在前面3月8号是国际劳动妇女节，又称三八妇女节，是世界各国妇女争取和平／平等／自由／权利的节日，意在鼓励和弘扬女性“自尊／自信／独立／自强”的精神。但随着新时代的发展，在很长一段时间里，“三八”最后却演变成了一个略带侮辱女性的贬义词汇，越来越多的大学生／年轻女性／白领等具有新思想的独立女性开始倾向于被称作“女生”“女王”“女人”“女神”等更加动听的叫法，因为现在的女性不止希望拥有女性的成熟魅力同时也想保留女生的天真活力。那么在电商界自然也不会放过任何一种可以买买买的节日了，所以由三八妇女节演变而成的各种女人节／女生节／女王节／女神节也就应运而生啦，接下来我就带大家看下，这些围绕着妇女节的专题页面可以怎么玩吧。let\\’s go！！！1、同为女性，你过的是妇女节？女人节？女王节？女神节？or女生节？进入正式话题之前，我们先来看几张照片，就拿几张范冰冰的各种照片形象举个例子来说，我简单排列了一下，大家将就着看看对比和差距。。我想当你们看完这些照片后，内心应该有一些感官的印象和想法了，接下来，我就站在一个电商人的角度，给大家简单分析一下这5种女性称谓所对应的5种人群的基本特征（这些都是为我讲后面的电商设计做铺垫的）：妇女：更多的是代指已婚的60岁以下的成年女性，听起来也不是非常时髦和新潮的一类人群，她们可能还肩负着一 ...继续阅读 (11)

音乐总能影响大家的心情，或激情，或愉悦。今天我们就来绘制那么一个给大家带来动听音乐的歌手吧！注意：注意颜色的搭配；注意结构比例的把握；注意阴影的表现；要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）原图作者：JONES&CO;各位童鞋请选择适合自己现阶段的练习：新手作业进阶练习中高级作业转载请注明：学UI网»singer临摹【做作业】 ...继续阅读 (13)

小编：今天推荐一组2017年1月份不错的个人网站集锦，每个站都颇具特色，有兴趣可细细浏览，期望能为你带来一些新的灵感。ACT NORMAL这个网站布局简单，排版大方，用色大胆。小细节处理上很有意思，动画和插图使用常见的元素，却能给出意外的惊喜。例如你可以关注标签激活与非激活状态时的提示及表情图标，它们能够清晰的给你反馈。 BLAH极简网站的它，却并没有带来失望。它是一个表面很干净，却又是深思熟虑的容器，我们能愉快的发现它的可用设计。 JOSH SENDER这个网站直接展示所有的项目，它是一个单一的页面，简单的展示了设计师的作品。 STEFANIE BRÜCKLER这类网站的效果极少见，它真的只是用一个简单的框架来布局。但它有应用古老的色调来调剂，不然真的是太过于单调了。 PHOSPHENE这个网站是集合关于视觉效果的视频。也如同其他这类网站一样，它在自己本身也应用大量的光影效果。 PETER TAIT在用色方面非常大胆，除了一些文本和必要的设计元素，大面积的使用宝蓝色。这种极简网站总能给人带来耳目一新的感受。 THE FUTURE FORWARD这个网站略有古典风格，同时采用明显的现代简约风格来设计。 DARRYN THOMAS ANSTED这个网站大量的留白如同它的内容一样重要，这种风格是如今的现代或后现代风格。 POGON这个网站也是应用大面积大宝蓝色，它还有完美的侧边栏，在你 ...继续阅读 (10)

小编：今天带大家学习制作沙丘日月星辰背景插画，最后可用来做三个不同时间变化的手机界面背景。过程中我们可以学到渐变色的用法技巧，保持对于主色的控制以及掌握AI中渐变工具和符号喷枪等工具…最后的效果是非常棒的！感谢作者@飞屋睿的分享讲解。你能获得什么沙漠的美在于宁静，简洁蜿蜒、明暗起伏的沙丘，非常适合作为背景，从黑夜到黎明，体会日月变迁之感。今天我们要学的这款日月星辰背景插画的要点是：1、绘制一张背景，你能同时获取三个不同的移动屏幕界面背景，这三个背景能统一风格又彼此具有逻辑联系。2、绘制过程中使用的渐变色的用法技巧，保持对于主色的控制。这样会让画面不会凌乱。3、熟悉AI中渐变工具、符号喷枪工具等工具技巧的掌握。给天空布景我把绘制自然景观分为天与地的部分。先绘制属于天空的部分，接着再是大地。绘制前先有这样的层次观。STEP 01打开AI，创建一个1600*960的文档。新建一个1600*960的矩形作为背景，背景色填充为渐变。这个背景为天空，由于我们所要绘制的是一个从夜晚到黎明的有着时间变化的天空，因此，天空的渐变应该是由暗到明，注意天色过渡要自然。你可以先做好配色，然后再为此新建一个颜色组。因为这里所选择的配色是接下我们配色体系的“基础”。STEP 02锁定背景，然后再新建一个图层，这个图层中，我们开始绘制天空里的日月星辰等对象。先绘制一个圆，这个圆为太阳，填充为较亮的黄 ...继续阅读 (6)

虎哥：“今天要给大家打打鸡血，特别是今年要毕业的同学。今天介绍的这位妹子很厉害，学的专业是程序开发，偏偏爱上了UI设计。都说兴趣是最好的动力，这是绝对的。Essia一年的努力，做出这样的成绩，我真的替我这位徒弟感到骄傲。”我天，不仅设计做的好，还这么漂亮~！ 你好~ 我是Essia，你也可以叫我嘉儿。从去年5月下定决心学UI开始，已经过了半年有余的时间。我的大学专业与程序猿有关，但还是因为热爱而成为了一名设计狮。 2016年是我人生中最重要的转折的一年，我的收获总结如下：自学了PS、AI、AE等软件，并做了大量练习让自己吃透软件、提升效率。5月加入老虎帮学习UI，所有作品都被列为优虎设计的优秀作品，在老虎帮内还认识 了一大群非常可爱的小伙伴们。做出了2套比较完整的APP，包括原型图、移动端界面、WEB端界面、交互动效、包 装设计、视觉规范等。在学UI网做网站小编，发布了十余篇原创教程，并悉心指点学员作业，帮助了大量 新手朋友学习软件、入门UI。参加了“让脑洞飞”网易云课堂大学生创意大赛，荣获一等奖。读了《设计之下》、《破茧成蝶》、《别让我思考》、《写给大家看的设计书》、 《大话设计师》、《术与道》等入门设计类书籍，手写了万余字的读书笔记。获得了Dribbble邀请码，发布3个作品就收获了近200粉丝，2个作品上了popular。UI中国上了一次首推，站酷获得了4次编推，今年的目标是 ...继续阅读 (4)

啦啦啦，又到了做作业的时间了！最近不知道是大家变懒了，还是啥情况，童鞋们交作业的越来越少了。这样男神我就不是很高兴了。解答团每天都准装待发，谁知道你们居然不交作业！希望今天各位童鞋能够认真完成作业哦！今天我们的作业依旧是个小插画的练习，相对于上周的两个插画作业来说，是有点难度~~不过男神我相信各位童鞋还是可以完成的哦！注意：整体的颜色搭配、明暗关系；形体比例结构是否准确；要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）原图作者：Sticker.Place各位童鞋请选择适合自己现阶段的练习：新手作业进阶练习中高级作业转载请注明：学UI网»小插画练习【做作业】 ...继续阅读 (12)

小编：交互流程是用户体验的关键点，but，往往浅显的错误却栽倒在文案上，用户表示一脸懵逼。所以用户体验设计师还必须了解文案的力量。别让措辞毁了你的设计成果。用户体验设计师必须了解文案的力量。并不需要成为一名文案写手，而且也绝对不需要小说家的文笔（当然，你愿意也可以）。但你需要清晰了解语言学，理解你所用文案的真正含义。令人难以置信，产品和体验中使用的语言，会彻底改变用户的感受和使用方式。实际上，掌握特定词语的内涵（何时该用，何时避免）能使你的工作和创意更有效。不信吗？没关系，我也心存疑虑——我们一起来看看。“能”和“可以”的区别这是个好例子，因为两者很接近。设想回到校园时代，你在一堂数学课上急着上厕所。你会举手，然后对话大致这样发展…你：“对不起老师，我能去厕所吗？”老师：“我不知道……能不能，你说呢？”我每次都无言以对（而且非常紧张）。许多人都没意识到，当你询问别人自己能否做什么时，你可不仅仅是在征求意见。你问的其实是可能性。你在问你是否有能力做某件事……他们是否有能力做某件事……某件事有没有可能发生，如果发生怎么办？“能”使得问题含糊不清，增加了上下文变数，使你（或者用户）从目标上分散注意力。现在，把上面例子中的“能”换成“可以”。可以（逻辑上来说）只有两个结果——可以和不可以。下次当你提问或请求允许时，应该用“可以”，观察对方的回答会发生什么变化。相对来说，你会更容易得到是或否 ...继续阅读 (13)

每当我和别人问起他们觉得字体排印中最难的是什么的时候，一个经常听到的回答就是字体的搭配。 我们总是想要使用多种字体来让我们的设计更加生动有趣，但我们中的大多数人其实并不清楚该选择哪些字体来搭配。不同字体该如何搭配，更像是一个秘诀。你一旦知晓，就可以创造出漂亮的字体组合。字体匹配与层次除去让我们的设计在视觉上更有趣之外，使用多种字体更重要的目的是营造出字体的层次。层次意味着差异。若无差异，则无层次。因此，为了营造出有效的层次，（我们）需要明显的差异，或是强烈的对比。如果你希望你的字体组合更加完美的话，强烈的对比就是秘诀。我们一般是怎样做的我们一般通过在下列三个维度营造对比，以试作标题与正文的区分。字重（Fontweights）：标题字体更粗，或者更细。(想要了解更多如何巧妙驾驭字重的信息？移步我的文章What You Can Do with Different Font Weights.)字号：标题字体更大。颜色：为标题字体选择一种与众不同的颜色。改变字重、字号和文字颜色可以制造对比并营造层次感，但其实我们还可以通过在其他的方面再玩点花样来制造对比（如果我们有不只一种字体可供选择的话）。而且，这些把戏相当有趣。更多的可能性不同的字体和不同的版式设置为创造对比提供了更多的可能性。字重、字号和字体颜色之外，我们再来看看字体比例、字型、大小写和字距。字体比例字体的宽度或比例各有不同。有些狭 ...继续阅读 (8)

小编：卡片布局是现今受欢迎的一部分，它由阴影或者轻微的色差来实现深度上的错觉。它受各种新闻、杂志和博客网站的欢迎，因为它能快速的向用户展示一个故事。设计师们用它们来实现各种不同的布局，有的使用不对称效果，有的在两张卡片中间留大量的空白，等等。多数的卡片用于展示图像，也有少数用于单独展示文本或者同时展示图像与文本。这种卡片式的布局风格正在设计潮流的巅峰。AIGA CSSDSGN AWWWARDS SHOPIFY THEMES WORDPRESS.COM THEMES POLAROID CASUAL START RIGHTMOVE UXPIN WE OCCUPY UI8 OUR DAILY EDIT PENGUIN CUTLER AND GROSS EXTENDED PLAY BERTUS GERSSEN ROGERS STIRK HARBOUR AND PARTNERS RE:COLLECTION ROSIE LEE JULES TARDY FACEBOOK DESIGN HELLOFRESH BLOG DESIGNBOOM IT’S NICE THAT EXCELSIORAMA HANDSOME FRANK BEHANCE DRIBBBLE THE VINYL FACTORY CINEWORLD KICKSTARTER THE BRITISH MUSEUM THE TATE ELA ...继续阅读 (8)

小编：一个企业的品牌形成过程在外行看来只是“帮忙做个简单的logo”而已。做为设计师怎能够不专业？一起看看这篇对企鹅电竞品牌全解，让我们用专业的知识击垮“帮个忙”甲方！ 项目背景 About Project企鹅电竞（Tencent Egame） – 腾讯旗下的一站式移动电竞社区，为玩家提供移动电竞的一站式体验。作为腾讯旗下出色的电竞社区，其品牌应当结合企鹅电竞的“直播“等特性，让用户感受到品牌的魅力和实力，提升整体品牌元素。同时品牌视觉识别应用保持统一风格，通过对标志，品牌色，专用字体，辅助图形和应用系统的整体设计，构成一个完善的视觉识别系统。 品牌概述 Brand Overview企鹅电竞（Tencent Egame） – 腾讯旗下的一站式移动电竞社区，为玩家提供移动电竞的一站式体验。在腾讯大公司的体系下，作为核心移动电竞社区，承上启下联动环境。产品涵盖手游赛事，直播，视频，礼包等多方面内容，用户可以参加官方组织的各级比赛获得丰厚的奖金和荣誉，还有最精彩的职业选手直播内容。目前企鹅电竞连接了公司内各团队资源，搭建了全方位的电竞从业员（主播，选手，解说等）的培养体系，对不同层面的电竞爱好者，提供相应的产品能力和运营包装，致力于成就每一个有电竞梦想的人！ 品牌标志关键词 Brand Logo Idea企鹅电竞（Tencent Egame）作为腾讯旗下的一站 ...继续阅读 (9)

小编：千万别小看了一个按钮，下文是关于建立一个长远的视觉系统的12点建议。我爱按钮们。我可以用按钮做很多事：进行下一步，做出决定，或者完成事务。有了按钮，交互变得焕发生机。这就是为什么按钮们是一个设计系统里最重要的组成部分。非常简单，它们在指定的区域提供可以点击的简单标签。因此，按钮是你应用一种设计语言的基本特征的重要方式，之后你可以把特征扩展到其他更复杂的部分上。这篇文章讲的是我在一个新生系统中着手设计主要按钮、次要按钮、以及一大堆其他类型按钮的时候所学习到的12条经验。主要按钮#1. 设定一个系统的风格基调一个按钮就像是系统视觉风格中最纯粹的原子表达（译者注：原子是化学反应中不可分割的最小微粒）。它结合了三大属性——颜色、字体以及图像——这些成为了一个原子中不可分割的部分。按钮也引发了对空间的讨论：内部填充（特别是标签的左、右）和边距（与其他元素相邻）。最后，按钮甚至可以表达更深层次的东西，比如圆角（通过边缘半径），比如提升效果（通过边框阴影）。要点：你应该赞同按钮是一个系统风格的首要展现。如果你把按钮的定义与颜色、大小、空间或其他细节等新的变量联系起来，那将会是很好的加分项。按钮这样一个简单的元素包含了范围广泛的属性。#2. 设定一个语言基调幸运的是，「点击这里」的讲法已经是过去式了。但我们仍然需要回答：一个按钮上的标签可以有多长？标签是用祈使句写的吗（比如「保存」或「关闭」 ...继续阅读 (4)

小编：2017年视觉新玩法，全球都在风靡，你怎能错过？一起跟随@PHOTOR首席视觉官 的脚步去一看究竟。古人云：“司势者可掌未来也。”把握了趋势的人，才能掌控自己的未来。为了成为更老的老司机，经历了高矮胖瘦的2016之后，为了看透那扑朔迷离的2017，不如我们来小小的预计一下设计行业会有什么样的潮流趋势，顺便一道回顾一下2016年的那些经典的案例，在科技与媒介不断发展的当下，老老少少的设计师们又是如何审时度势的呢？1、更 3DVR技术的日益发展，3D技术将不仅仅是空间设计类的专属，结合了3D技术和平面视觉的构成，视觉传达设计以及广告设计可以玩出的花样绝对震惊你。耐克 Air Max`17 / 设计师: ManvsMachine LUV.IT / 设计师: Aaron Martinez 2、多画画《财富500强》杂志2016 /艺术家：Pawel Nolbert 找一张符合品牌调性的摄影固然可行，但相对于更扁平化的网络时代，以特定的主题，特定的系列设计专属的插画，具备亲和力的视觉效果，简直就是年轻品牌的居家旅行必备之选。汇丰银行 RMB Campaign / Artist: Zhang Jing 3、更抽象《纽约时报》/设计师:  Justyna stasik & Vladimir Marchukov 你也发现了？嗯，抽象几何图形的应用，纹样&图案的应用在2016年频频出现，你猜2 ...继续阅读 (10)

啦啦啦，一周很快就过去了。今天是我们本周最后一天的作业了。今天的作业是一个扁平插画，大家可以自由发挥，不仅仅局限于临摹，大家可以发挥自己的创意哦。注意：合理的排版布局；颜色比例的把控；合理的透视；要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）原图作者：Ryan Putanm各位童鞋请选择适合自己现阶段的练习：新手作业进阶练习中高级作业转载请注明：学UI网»小插画临摹【做作业】 ...继续阅读 (12)

小编：秒表是我们每个人都很熟悉的功能，但是这种工具类APP我们可能关注的少，因为只有在我们需要解决计时问题时才会想到它们。今天为大家带来25个秒表APPUI设计作品，这些作品视觉效果都很棒，展现形式也大不相同，希望可以给大家带来好的想法和灵感！Countdown Day Countdown Timer Workout Tracker Stopwatch II Stopwatch Countdown screen Widgets Stopwatch Xuanwheel-stopwatch Countdown Timer Stopwatch Concept Stopwatch Stopwatch UIStopwatch Minimal Stopwatch iOS App Learn the word Workout Tracker StopWatch Clock Mobile App Countdown Timer Countdown Timer Countdown Timer Countdown Timer Countdown Timer by Alucard 文章来源：设计之家作者：佚名转载请注明：学UI网»25个秒表APP UI设计作品 ...继续阅读 (10)

小编：@沪江UED图标的优秀之处表现在最基础的3个特征：基本框架、一致性和识别性。 除此之外细节的注重也是重点。以下有6个步骤可以协助你做出统一的图标系列哦。图标和矢量素材网站（比如我所在的Iconfinder）有成千上百的高品质图标和免费的图标合集，为设计师们提供便宜、方便、精心设计的矢量图标素材。每个提交到Iconfinder的图标集都会被评估，以确保这些图标对我们的用户有吸引力，甚至有潜在的商业价值。我们有责任向设计师和网站客户提供最好品质的图标素材。在评估图标的过程中，我们发现“还可以”和“高品质”的差别往往是非常小的。做很小而细微的改变，就可以对图标的设计和价值有很大的提升。和大多数网站不同，我们很少直接拒绝不符合要求的图标集。相反，我们会向设计师提出具体可行的、提升图标质量的建议。本文旨在探讨一套包含六个步骤的图标设计指南。这些步骤遵循了完整的图标设计基本原则，包括一致性、可读性和清晰性。有关高效的图标设计原则，设计师John Hicks在他的著作The Icon Handbook 中详细探讨过，谷歌的Material Design设计规范也有系统图标的规范。本文讨论的六步设计指南是一个指导性原则，而非教条。要成为一个伟大的设计师，应当学会何时遵循规则，何时打破规则。在本文中，我们将六步原则应用在Iconfinder用户Kem Bardly提交的小狗（准确的说是柯基）图 ...继续阅读 (10)

小编：看了昨天的《2017年度视觉设计趋势》，是否意犹未尽？今天@沪江UED的交互小伙伴们为您献上2017年度设计趋势之交互篇。多层级菜单和大量横滑选择（MULTI-LAYER MENU & HORIZONTAL SELECTION）移动设备应用不再局限于“小而美”，越来越多的产品，开始试图在移动端服务于专家用户。如VUE、VSCO、泼辣修图等摄像摄影编辑App。在这类应用中，我们看到多层级的操作菜单和大量的横向滑动选择被广泛应用。合理的细分场景和操作层级之后，配以简要干练的界面表达，即使多达3到4层的菜单结构，也能够有清晰的引导性和高效的任务完成度。而横向滑动选择的交互模式，初看下来操作并不方便，但得益于卡片式和所点即所得的直观效果，更容易激发体验上的满足感。 更自然的手势操作（MORE GESTURES）不止App设计者，各大平台和厂商也致力于提高移动端的易用性和使用效率。过去一年，我们看到很多优秀新颖的手势操作开始逐步流行起来。如iOS的3DTouch、SmartisanOS的BigBang功能、知乎的摇一摇反馈问题、微信下滑关闭图片或视频等。快捷便利的手势编辑操作，相较于点击，能够带来超乎想象的惊喜感。 跨应用联动（CROSS-APP INTERACTION）说实话，跨应用联动的概念并不新鲜。但得益于各平台的不断持续优化，不同App之间联合发挥作用的使用体验越来越广泛。在2 ...继续阅读 (3)

ngIf: !forceHideTipjar && !isCensoring && (post.tipjarState == \\'activated\\' || (ownPost(post) && post.tipjarState != \\'closed\\' && !me.isOrg))ngSwitchWhen: true小编：随着互联网的高涨，工作中的工具层出不穷，做为UI设计师应多尝试，总能找到一种适合自己，快速有效的工具。随着新工具的发布，现有工具版本的更新迭代，2016 年显然是设计类工具蓬勃发展的一年。在本文中，我挑选了一些在 2017 年值得我们关注的设计工具。这些工具在设计工具类的社区中都拥有着大量的人气，所以挑选出来与大家一同分享。Have Fun！01. Figma随着 Sketch 越来越流行，基于矢量的绘图软件也逐渐的成为了主流。在拥有核心设计工具集的基础上，Figma 突显了其实时协作功能。就像程序员可以将自己的代码实时添加到项目中一样，Figma 允许多名设计师远程协同工作。或许，你在想多名设计师在同一项目中是如何协同工作的呢？我们假设一个场景：在会议中，团队成员们在观看同一个项目的进展情况，并实时提供一些反馈对项目进行修改。针对上述场景，Figma 将会是你的不二之选。 ...继续阅读 (1)

小编：大家应该已经进入工作状态了。2017的视觉设计趋势你需要知道的。是有@沪江UED带来的，今年在各个环节上都有所提升改进。我们对素材收集的时间范围要求更高，比去年更加关注每一种纬度的特点，更有意识的去揣摩每一个关键字的定义以及其应用范围，细心研究每一种现有趋势名词的变化。我们在去年的趋势基础上进行筛选提炼，在历时两周的最终定义阶段之后，整合出一份2017年的设计趋势分析报告，希望能给各位从事并热爱设计的同学们带来一些启发和帮助。在今年的趋势分析流程中，我们分为“温故”和“知新”两个部分。“温故”部分对去年总结出的关键词进行跟踪梳理，总结得以印证的部分，探索新的变化趋势。“知新”部分，从字体、材质、形状、版式、动效五大维度进行分析，研究过程包括：素材收集、小组讨论、汇总提炼三个环节。从互联网、平面媒体、时尚等相关领域收集的最新素材中，通过分析提炼，确定各维度的流行趋势，再综合四个维度，合并去重，最终推导出2017年视觉设计流行趋势的风格关键词。每个关键词包含概念简述和运用案例两部分。从中，我们可以看出在不同的设计领域存在着相当多的通用性，也对如何运用在沪江的产品中也有着很大的指导价值。1.多色轮润感渐变概念简述渐变的运用，在视觉设计中增加了更多细节化元素，并使画面充满变化。从2016年开始，渐变逐渐突破同色系，向多色系发展，打破保守的两色渐变规则。同时，跨越色轮的多种同级饱和度颜 ...继续阅读 (8)

小编：昨天又被撒了一波狗粮～甜到。干了这杯狗粮。。我们还是关心下线上的小伙伴如何过情人节。APP启动页在这种甜蜜的气氛里，一男一女如何传达出温暖的信息。一起看看各大APP的展现方式吧～ 菜鸟裹裹 360超级root 虾米音乐 激萌 富途牛牛 微众银行 闲鱼 淘宝 搜狗输入法 百度网盘 QQ邮箱 蚂蚁窝 途牛 滴滴出行 百度外卖 百度钱包 铜板街 转载请注明：学UI网»2017（爱你一起）情人节启动页集锦 ...继续阅读 (8)

小编：中国最不缺的便是节日（其实缺的是假期,哈哈），每逢节日会有很多很好看的banner，大家要留心观察，多动脑想想为什么这样做，多动手临摹，收获会非常大。今天教大家临摹banner。很简单哦。相信这么聪明的你。转载请注明：学UI网»高逼格的渐变banner如此简单？［教程］ ...继续阅读 (19)

小编：@丧心病狂十六夜猫：几何图案与全屏背景图结合、灰色背景的应用、鲜艳色彩的重叠使用、非对称设计以及抽象效果设计这5个网页设计趋势，早在2016年就被大胆使用，2017年它们被大范围运用几乎是势在必行。​​作为代替网页设计中一般常用的白色背景，为什么不试试更具现代风格的图片呢。因为大多数简约风格依然具有人气，设计师们作为白色的代替，也开始选择使用鲜艳的色彩和灰色的组合。在背景效果中，不论是酷炫的几何图形、左右不对称的图案还是使用抽象图像。各种各样的技术你都可以大胆的尝试，创造出更新奇的提案。这一次，让我们来一起看看2017年可供参考的网页制背景设计趋势吧。详细从以下开始。​01. 几何图案与照片相结合​​​​使用英雄形象和插图的设计，是最受欢迎的背景风格之一。利用大图将用户的视线集中是最合适不过的了。在多数情况下，利用全尺寸图像作为主页的背景，文字和导航菜单，CTA按钮或信息等会布置在图像的顶部。英雄图像新的使用方法，为了实现更有趣的视觉效果，我们可以使用在图像上重叠几何图案的技术。漩涡或长方形等，设计师可以添加各种各样简单的样式和形状。（在这里插一句，这里所说的英雄图像并不是我们所熟知的印着超人猎空克里斯的图片，而是指：在网站首页上使用的大尺寸图片。在日本，作为视觉的关键，也被称为主视觉。在Bootstrap中也有命名为「Hero unit」的组件而被大家广泛使用着。资料来源： ...继续阅读 (1)

小编：当用户每天面对那枯燥乏味的后台界面进行数据管理时，也常常被那些繁复的数据统计展示凌乱了头绪。让我们用极简的设计来整理一番后台界面的设计，帮用户理清他们的思绪，让他们能更愉快的完成工作。典型的企业后台界面一般长这样：有一些巨大的数字（人们都喜欢大数字，对吧？），有几张图表，可能还有表格。理论上，这些元素给用户讲了一个清晰明了的故事，让他们采取进一步措施。但是，现实情况则未必如此。多数人眼中，这些典型的企业后台界面就像这样：图片来自维基百科大家都能看到小黑点，但很少有人能看到其中隐藏的画面。为什么？因为数据极其复杂，我们却要求用户自行连线，来了解信息全貌。企业软件如此复杂，通常也有合理解释。有些行业本身就很复杂性，例如政府、健康、市场营销。但是，后台不只是给数据科学专家用的，对吧？设计能做什么？2016年6月，我们启动了用户体验管理后台的改版设计，当时遇到了同样的问题。它背后的技术非常强大，但我们的用户似乎无法理解这套后台界面。这里有各种数字，它们都相当重要、有价值。但人们难以理解它意味着什么。背景介绍Qubit是一款客户体验管理平台。Emirate和Topshop这样的企业，就用我们的软件来追踪、分析和管理与客户的互动。如何使用呢？比如说你有一个电商网店，出售游艇观光线路，但人们很少购买你的旅行线路。这有无数种可能，但你能做的都做了。你已经看了数据分析，知道很多人在下单页面离开 ...继续阅读 (8)

又到了做作业的时间了，今天我们的作业是一个扁平的人物插画，相对啊来说难度也不是很大。各位童鞋可以看下面的注意事项哦!注意：注意整体的结构比例注意阴影效果的表现注意线条的流畅度要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）原图链接：https://dribbble.com/shots/3275675-Odontologist原图作者：Ana Oliveira各位童鞋请选择适合自己现阶段的练习：新手作业进阶练习中高级作业转载请注明：学UI网»扁平人物插插画练习【做作业】 ...继续阅读 (4)

小编：2017年的设计工作开工了，这22个设计趋势你必须知道，一起去看看@淡水鱼给我们带来的译文吧～看到Behance上一篇关于2017年设计趋势的人气好文，总结得非常全面，并结合了大量优质案例，也想在这里分享给更多人。【写在前面】这篇文章有点长不过很易读，希望大家看了能有所收获~~ 英文比较6的盆友不要犹豫，直接点原文，很好读！非英语专业，第一次翻译这类文章，有些地方可能翻译的不是很好，多包涵~【文章目录】01 半扁平化设计                            07 大胆的用色                                  13 讲故事02 动态照片                                   08 创新滚动和视差                           14 懒加载03 更多的3D                                  09 渐变色                                          15 拆分内容04 动画                                          10 移动浏览 （响应设计）               16 全屏幕形式05 登录页                                     ...继续阅读 (5)

小编：好开森，今年的元宵在周末。不过小编没有出门看花灯，因为朋友圈的小伙伴都在外面看人山人海。哈哈。。小编机智的决定窝着看APP启动页，一起去欣赏吧～UC QQ邮箱 虾米 激萌 百度钱包 淘票票 菜鸟裹裹 途牛 淘宝 闲鱼 QQ空间 天猫 钱盾 360超级root 转载请注明：学UI网»2017年元宵主题APP启动页集锦 ...继续阅读 (5)

小编：今天来带大家制作一种很有意思的字体效果，这种效果像液体一样柔美。制作的方法没简单有趣，效果很立体生动，小伙伴们快点来试试吧！一开始制作可能慢一点，熟了之后会越做越快的。最后别忘了晒出自己的作品呦！之前在Dribble看到这么一张作品图觉得很有意思，就发散开来做了一个2017的字体效果。今天把大致的制作过程做成教程分享给大家，制作工具我选择的是PS，一些具体的小细节以及参数之类的希望大家能带着自己的思考去自行做决定，毕竟得到答案的过程比答案本身更加重要。附件里有psd文件以供参考，如果还是有哪些地方不清楚的可以留言咨询，我会分享一下我的想法以及做法。祝大家新年也黏糊糊湿哒哒~注：四个数字的做法大同小异，所以接下来我讲解步骤时都以数字0做例子，大家可以先在一个数字上做一次练手，弄明白之后再发散来做。一开始可能慢一点，熟了之后会越做越快的。==================以下分四个步骤讲解====================第一步，先做出数字本体的形状。这里我是用形状工具和布尔运算，无非就是圆角矩形的相加相减，注意保持好相同宽度即可，嫌麻烦的话也可以直接找个字体输入数字然后转换成形状。第二步，勾勒出黏糊糊液体的形状。建议先在纸上画一画构思一下，我是想象液体从左下角向右上喷到数字上，这样比较容易决定各处的粘连以及层次关系。画好之后拍照放到PS里然后用钢笔勾出形状即可，注意好亮 ...继续阅读 (15)

小编：2017年来了，请确保你的网站跟随设计的潮流。说到颜色，Pantone已决定今年的主流色为绿色。这美丽的绿荫来自自然，生命和能量的创造。基于这奇妙的色彩，今天给大家分享一组绿色主题的WordPress模版，希望对你有所帮助。推荐文章：《2017春季流行色》Green Earth – Environmental WordPress ThemeGreen Earth 这个模版你可以将它应用于公益网站上。Green Responsive WordPress Theme这是一个可爱的主题模版，它是响应式设计，适应于任何电子设备。Green Rescues – Environment Protection ThemeGreen Rescues 是一个很强大的主题模，它基于网格设计，有着优秀的视觉设计。等等Green Nature – Environmental / Non-Profit WP ThemeGreen Nature 是响应式设计，适应于任何电子设备。一起去探索下它的功能吧～Green Farm – Organic Food Farm & Eco Food Store WordPress ThemeGreen Farm 是一个适用于有机产品宣传的网站。GoGreen: Organic Food, Farm, Market Business WordPress ThemeGoG ...继续阅读 (11)

小编：高效的方案在于有效的思维，如何能快速发散有效的思维？让我们一起跟随腾讯ISUX的@思无思思一起去看看她的想法吧～想方案想的头大，一直在原地打转跳不出来？想了半天提出的方案，被老板说怎么没想到别的某某方案？有时虽然想出不少方案，但是实质在渐行渐远？不是人人都有特别灵活的脑子 ，就算是灵活的脑子也不会无时无刻都灵感无限，那在我们面对思维瓶颈的时候，有没有方法可以帮助我们快速且有效的去拓展思维呢？ 一．理性感性，缺一不可我们思考方案面临“脑衰竭”的时候，往往喜欢会用两种方式来寻找突破口：第一种是借助工具或方法进行系统性的思维梳理和拓展，比如Storyboard、Design Thinking、SWOT分析等等。但有时经过理性的分析思考，并不容易产生“惊艳”的方案，尤其是作为一名交互设计师，合理的逻辑思维优势虽然明显，但往往又是一种束缚。第二种是借助集体的智慧——头脑风暴，在脑暴的过程中有的人想到的是些功能，有的人想到些相关技术，还有的人想到些场景甚至是一种感觉，就这样借助大家不同的思维角度来进行思维的碰撞。其实无论自己思考还是集体脑暴，都不要放过那些刹那间的感性感知，有时会带来意想不到的收获！面对问题，每个人都有自己习惯的思维方式和方法，多数人在工作中更习惯用理性思维去分析和操作，也有能凭感性思维做出成果的人。这并没有绝对的哪种思维更好，只不过个人的擅长不同，但无论哪种思维方式，都 ...继续阅读 (6)

小编：注册表单在网页应用中十分重要，好的注册表单是可以让用户喜欢使用，大大的提升用户体验的。所以把注册表单设计好也是非常重要的一件事。今天就为大家带来44个漂亮的注册表单设计，看上去真的是有种赏心悦目的感觉。希望对大家有帮助！Sign up pageSign Up UIModalFreelance WebsiteSign UpDaily UI #1Sign Up ModalSign UpFlocabularyTo Do App ConceptDailyUIDaily UISignup UISignup!Sign UpSignupSign UpSteel CitySign Up / RegisterWeekly UIMastermind MaestroPolitical NewsSign UpSign UpSign UpSign Up for form creationSign Up FormSign UpSign Up FormSign UpStarfleet Sign UpSignUpLogin / Sign upMartianSign upSign Up FormSign up formTITLETITLETITLETITLETITLETITLETITLE文章来源：设计之家作者：佚名转载请注明：学UI网»44个漂亮的注册表单设计 ...继续阅读 (6)