说好的35个精选网站，剩下的18个来啦~做设计就要多多积累，提高审美的同时，也能了解时下流行的趋势。剩下的这18个网站也很注重动效和流畅性操作，这两点可以作为小伙伴们一个重要的研究内容。《网页设计参考 魅力十足的35个精选网站（上）》 Wills World随着向下滑动，背景产生不同的渐变，忽略了栅格系统，并加入了随性的动效。 翠江堂这是隅田川旁一家拥有80年历史的和果子店的网站。画面采用中间等分的版式，将优美的文字和美味的和果子展示出来。 913 | ヌフアントロワ オフィシャル细线的动效和大豆形状的图案等元素很是引人注目，同时也起到了视觉引导的作用。 重三陶器株式会社充分的留白配合漂亮的配色显得排版很简洁，文字和图片的重叠不仅符合潮流更体现了一种舒服的自然之感。 Bouguessa无可挑剔的排版和字体给人一种高级感，着实是一个魅力十足的作品。 Sound in Color这是一个通过麦克输入声音产生水彩颜料一般的渐变效果的独特网站。实在是折服于这种让人想不到是电脑售卖商的网站的创意。 Syria Stories用实景拍摄的影像表现出和恐怖主义斗争的叙利亚现状的体验型网站。让人一下子就能看到建筑的破烂不堪。 Abema TV Recruitment采用直播的形式汇总网络电视Abema TV的招聘信息的网站。 Addidas Never Follow将运动商品的活力很好地表现出来的 ...继续阅读 (9)

小编：插画需要找参考，灵感。有这样一种简单粗暴的参考会是你的菜，一起去看看@飞屋睿带来的用照片做原型，绘制性感女生。寻图困境UI设计中配图的问题我曾在《网页配图之个性年代插画当道》中简单说过，然而这仅仅是一个开始，关于不同风格的插画如何进行运用，需要我们进一步“开发”。每个艺术家的插画里都有来自他自身创造出的节奏和风格，而接下来的一段时间，我们将学习绘制不同风格的插画，用实际行动去体会隐藏于图案表象下的不可言说的趣味和技巧。学习时尚极简风格插画的目的是运用，而极简风格的插画在UI设计中是非常适宜讨巧的配图对象。尤其是运用在与时尚相关的网页中，大约是最不容易被忽视的亮点。拿照片当参考我们曾经也做过《用AI打造矢量人像插画》，那时我们是按照照片给定的轮廓来绘制的，虽然有细节的突破，但仍然没有逃开照片的约束。这时，我仍然要说，离开照片再远一点！所绘之物和照片实体之间，应该是幻影关系，而非一对一的简单临摹。绘制过程中额外加入我们自己的想象，这将帮助你一步步接近绘画的本质。当然这说得太远，但目标即在，一步一回顾。符号轮廓：基础形标准化所绘制的对象，有一种符号化的趋势。就像图标一样，模糊所有个性化细节，使其变得符号化。让外形成就某种“完美”，当然所绘制的主题也并不在表现人物造型细节，而是在于突出某种氛围。让我们绘制的基础形都有趋于某种完美定式的倾向。STEP 01让我们打开AI，创建一个宽16 ...继续阅读 (9)

如何把人物照片拍的区别于一般人？1.长得美；2.入镜装备；酷炫狂拽吊炸天的装备将提升逼格。3.创新姿势；学会利用参照物。4.神态；眼神流露情绪，脸颊注意角度。5.利用光源；光是一切美的来源。有光的照片，会灵动，会生活。6.视角特殊化；用另一种眼光表达，不走寻常路，能使照片生动和趣味。7.相机；相机真的不那么重要，当然有好相机的话，也会加分。总结:相貌/装备/情绪/姿势/光源/构图/参照我反正是觉得长得美最重要，/doge脸。你们说呢？你还有什么要给分享、补充的要点呢？转载请注明：学UI网»如何把人物照片拍的区别于一般人？【话题讨论】 ...继续阅读 (7)

小编：前几天淘宝App更新新版，新的UI设计在视觉、动效上都有了较大的升级，它是否会带领新的UI设计趋势？一起去看看来自淘宝用户体验设计的@子鹿给我们带来的总结吧。前言面对互联网产品的日益变化和用户的不断成长，淘宝在经历了移动互联网爆炸式的发展后，是时候全面升级了。寒冬已过，杨柳夹岸，艳桃灼灼，迎着春天的气息我们向用户呈现出一个全新的手淘客户端，期望向他们传达新的品牌理念，配合更流行的观感和更友好的体验赋予淘宝更年轻的品牌精神。这是手淘首次以设计为主导的版本升级。面对复杂的产品改版，设计师犹如妙手回春的医生，需要用专业的手段治理产品里的各种疑难杂症，从内至外顾及各种牵连的细节进行整体治疗，从而让产品更加美观、健康、舒服。在历时很长的项目过程中，我们一步步地将公司的设计战略分解成产品体验方向，从设计概念落地到界面设计语言，在执行过程中又不断地平衡各种设计细节，才有最终的设计产出。所有的改变都是为了给用户营造更加良好体验的购物环境，那我们就先来看看这次升级针对的人群特征。一 人群特征淘宝用户研究数据分析出主力人群越来年轻化，通过典型画像分析出年轻化、丰富化、个性化的形象标签，为改版手淘奠定了新的基调及品牌语言：活力、亲和、鲜明。产品体验设计需有亲和力，能带给用户生活和情感上的共鸣，贴心、自然、生活化。例如产品设计应该是亲和的，舒缓的提示动态、亲切的文案话术、舒适的颜色搭配、自然的视觉流 ...继续阅读 (5)

每个人都会用自己的方式去放松和享受生活。一天中我最喜欢的是清晨的那一杯咖啡，这也是我唯一完全属于自己的时间。期间我可以坐下来读一些书，因为一旦时间结束了，我奇妙的本能将会去完成每一件工作与事情。在本教程中，我想分享这个特殊的时刻，举例说明一个女士的咖啡放松时刻。在绘制此图时，您将学习使用形状，并熟悉宽度工具，像往常一样，我们将使用基本形状和变形效果。1.绘制头部第1步我们将从头部开始说明，打开Adobe Illustrator，创建一个850 x 850 px的新文档。使用椭圆工具（L），绘制一个椭圆（R:234 G:193 B:162）。要使头部具有不规则形状，需要选择效果>变形>膨胀，并输入下图中的参数。第2步接下来我们开始绘制头发的顶部。用椭圆工具（L）绘制两个奶油色椭圆。使用直接选择工具（A）移动锚点的手柄来创建所需的形状。第3步绘制长长的头发，创建另一个奶油色椭圆形，并改变其形状，选择效果>变形>膨胀，输入下图中的参数。并把这个椭圆放置在底层（Control-C，Control-B）。第4步让我们绘制一个发带。使用椭圆工具（L）创建两个圆（R:207 G:104 B:78），使它们重叠，然后减去顶层。第5步先将这个发带放在头发上。现在我们来绘制耳朵。创建另一个小椭圆形，并向左旋转。将此耳朵放在头部的左侧。在选择左耳时，右键单击鼠标，然后选择变换>对称，输入下图中的参数，然 ...继续阅读 (8)

有没有喜欢健身的小伙伴啊？今天我们的作业可是健身器具的临摹哦~~我想喜欢健身的小伙伴对这两个东西是不会陌生的~~gg动起来！注意：布尔运算图标颜色记得保持图标粗细一致要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）作者：miya各位童鞋请选择适合自己现阶段的练习：新手作业进阶练习中高级作业转载请注明：学UI网»哑铃、杠铃图标作业【做作业】 ...继续阅读 (12)

花虎帮是学UI网老虎帮的一个专攻手绘，APP插画引导页的分支。从花虎帮成立以来，帮助了很多老虎帮内的学徒（各行各业）告别“不会手绘找不到工作”的难题 也让很多零基础的小伙伴将其成为找工作的必须技能之一，找到更合适自己的UI工作。让自己的 薪资更上一层楼！也成为了与其他UI设计师竞争的强大优势。 经过一年多以来的历练，我们总结了种种因素，完善了手绘的内容。能让你成为一名“会手绘的” UI设计师，不仅提高自己还能迎合市场的需求。故在此公开收徒，希望可以帮助更多的想学习手绘 的你。这个也是学UI网的福利之一哦～希望更多志同道合的朋友一起奋斗吧～转载请注明：学UI网»0基础学手绘介绍［花虎帮］ ...继续阅读 (9)

小编：@喪心病狂十六夜貓在logo设计制作时感到犹豫不决，我们可以参考一下简约风格的logo用素材模版。是以文字和简单的形状为中心做成的简约风格，使用了任意免费字体完成的汇总。可以自由的改变大小与颜色，具有能和任何设计都能组合的特长。在logo中含有黄金比例，如在平面设计中具有人气的，使用了笔刷字体的现代复古风格等；或者在logo设计中没有时间、灵感时也推荐使用。使用免费字体完成的！极简风格的免费logo模板完全版！15 Free Minimal Logo in PSD在思考logo设计时可以作为参考的，简约而华丽15个logo。颜色、大小、字体都能够在Photoshop的PSD文件中修改成你所想要的样子。Minimalista Free 2017 Logo PackPSD/Ai排列文字，加上简单的形状看起来就很漂亮的极简主义logo20种。和普通的摄影照片相组合，都能做出不错设计。Minimal Logo CollectionEPS只使用了简单的线条和形状，特长是不管和怎样的设计都能完美组合的简约设计。20 Minimal Vector Logo TemplatesESP/Ai快速做成logo时非常方便的，20种minilogo。当然，利用了免费字体，商用也是可以的。在页面底部输入邮箱，就能提供下载链接。25 Free Minimal Logo TemplatesPSD/Ai使用 ...继续阅读 (6)

有时候为了提升，为了知道外部的信息我想很多童鞋都会去翻墙吧？对于会翻墙的童鞋来说vpn可是熟悉的不能再熟悉的东西了~今天我们的作业就是一个vpn页面临摹~~注意：页面的整体风格；小图标的绘制；要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX） 注:本图来自Dribbble各位童鞋请选择适合自己现阶段的练习：新手作业进阶练习中高级作业转载请注明：学UI网»vpn页面临摹【做作业】 ...继续阅读 (7)

小编：网页、app、平面哪个设计不是由一个个小部件组成？一起跟随来自Tencent CDC的 @erztan去看看他们设计过程中如何通过拆解、改善、分析罗列、重组、判断来获得一个全新的组件的。在看组件和元素之前，我们先了解在他们之上的一个概念-模块模块大家应该都不陌生，任何一个完整的界面，都会有多个功能模块，而每个模块内有相应的组件，每个组件中又有相应的元素，其中任何一点的变化，都会使用户对产品的认知发生改变。模块并不是一个新的概念，早在20世纪初期的建筑行业中，将建筑按照功能分成可以自由组合的建筑单元的概念就已经存在，同样也出现在早期的产品设计中，并且许多产品的设计都能将其很好运用，包括汽车，电脑，电器，鞋子等等。（如下图）这些产品之所以使用模块是因为模块具有这些优点：1.标准化：模块是具有标准尺寸和标准接口的预制功能单元，这是组装、互换等特征的基础；2.可组装：多个模块可以方便、灵活地组合、配置，以构造不同大小、不同形状、不同功能的系统；3.可替换：通过用一个模块去更换另一个模块，可以改变系统的局部功能而不影响系 统的其他部分；4.可维护：可以对模块进行局部修改或设置，以满足用户需求，另外可以增加新模块，扩展系统功能。 那我们从身边熟悉的产品（插线板）出发，看看它里面有什么？常用插线板的模块分为两部分：总开关模块和主要功能模块，为保证总开关的重要性，总开关模块下并没有连续的组件 ...继续阅读 (11)

小编：@TTTing1：我之前写过很多关于Banner的文章，我也给大家做过图例示范，如下图所示，一个最完整最常规的Banner主要由下面这些部分组成：文案／模特或商品／背景／点缀元素／logo。我也写过上百篇关于电商的文章，内容涵盖文案／运营／设计／摄影／用户体验／用户心理／市场营销等各个方面，算是比较全面的了，但是大家可能也发现了，我对于电商设计里面的其中一个部分其实写的非常少，也就是标题设计。以前我觉得标题部分的设计比较复杂，涉及到图形设计／质感风格／文字排版／字体的气质／色彩搭配／文化背景等很多方面的内容，它其实相当于又是一个独立的设计范畴了，我即使是写的话也只能是写的比较皮毛，远不及那些专门的字体设计师来的专业，所以就暂时搁浅了，总想等到某个时机成熟的时候再来写。不过经过这段时间的沉淀，我也对标题部分的设计有了一些自己的理解，所以今天可以在这里给大家分享一下关于标题设计在电商设计里的运用的知识。欢迎关注@TTTing1 的微信公众号「做设计的面条」，一个干货与文笔俱佳的美女设计师。那么为了方便大家的理解，我这里把标题部分的设计总结归纳为这几个方面：图形设计／质感风格／文字排版／字体的气质／色彩搭配／文化背景。接下来我们一个个地来看下：1. 从图形设计的角度去理解因为字体其实也可以理解为是一种图形符号，对于不同品类的电商活动设计，我们可以在标题部分融入一些图形或实物搭配，这 ...继续阅读 (11)

很枣很枣之前，有个新闻。有人娶了一个韩国老婆，因为生的孩子太丑，丈夫把老婆告上法庭，还赢了官司是不是似曾相识?我们很多设计师在出视觉稿的时候，设计稿狂拽炫酷屌炸天，但最后上线以后的效果，都不好意思说这是自己做的。对于界面来讲，我们设计师过于关注设计的美观度，而忽略了图片和文字的内容的真实性。而界面内容的真实性相当关键，这往往关乎自己的设计最终能不能高还原度地呈现。我们下面通过几个栗子，感受一下保持界面真实性有多重要想看重点的请直接拖拖拖到文末 第一个栗子这是一个猜你喜欢的新界面设计 这是上线以后的样子上线以后的界面闪瞎设计师眼，图片质量比起设计稿差很多。因为没有预料到卖家上传图片的质量，因此采用了较大尺寸的框架来承载卖家图片，这反而暴露了本身图片的缺点(有乱七八糟的膏药)。在无法规范卖家图片的情况下，最好使用别的框架去承载图片。这是优化后的样子 第二个栗子这是一个内容模块的设计上线以后长这样一行根本放不下标题，用户根本看不懂在说什么。同时，由于作者的名称很长，造成下面的信息重叠在了一起。而设计师显然没有考虑实际情况，只为内容的标题留了一行的空间，将作者、头像、点赞、阅读数也水平展示在一行内。如果按照实际内容，利用横向列表式的排布，文章标题、作者头像和点赞阅读等信息都可以更好地展示。这是优化后的样子 第三个栗子需要制定一个表单信息填写的规范，主要填写信息有用户的名字和 ...继续阅读 (6)

小编：其实排版设计是很复杂的技能，对于我们设计师来说它能很好的帮助我们提升设计能力。为了使我们的排版设计可以更好的被用户所接受，我们需要熟练地掌握排版设计的基本技巧、多多了解排版设计艺术。今天就一起来了解一些排版准则吧。感谢作者@Norman_HU的分享！文字排版设计是平面设计中最重要也是最能打动人心的设计要素之一。无论你的设计水平处于哪个阶段，文字排版准则对于提升你的设计能力都非常有帮助。试着了解字体设计相关的资料，例如一个特定字体的起源或者是一个字体的结构，因为这样做可以扩大你的知识面。当你真正掌握了字体排版的方法，你的潜在客户会对你更加钦佩。当然，作为一名设计师，了解字体排版设计的来龙去脉也是职责所在。一旦你掌握了其中的方法，对于字体排版简直轻而易举！同所有的技能或职业一样，对于文字排版，你需要学习特定的规则和指南,才能充分提升和扩展你的技能。这里有20个关于排版的经验，是排版艺术的重要原则。 1.学习基础知识第一步，学习文本排版更有效的方式是掌握排版艺术的本质。如果你是排版设计的新手，可能认为字体排版就是简单的练习就可以了。事实上，排版设计是很复杂的技能，因为它是艺术与科学的结合。一个文本排版设计作品由特定的元素组成，经过精确的测量，同时需要考虑并采用设计规范进行设计。就像不同的设计形式，只有你完全掌握之后才能打破现有的规则。同时只有你确定表达了排版设计中的重要意义，排版 ...继续阅读 (10)

小编：感谢@star的翻译，这是一篇关于APP设计中对于色彩搭配的思考。首发于他新开的公众号“UISTAR”,关于star的相关文章推荐《UISTAR的个人Dribbble作品》《入行两年的设计师出这样的作品》色彩搭配可以说是我们所有日常使用的APP中除了功能之外第二重要的因素，而且在人机交互中，很大一部分也是基于图形UI元素的交互，并且颜色在这种交互中扮演着至关重要的角色。它也帮助用户对你APP里面的内容一目了然,理解里面的交互动作，轻松上手。每个APP都有一个配色方案,并且用到的都是基本的颜色。当我们设计一个新APP时,通常很难确定一个配色方案行之有效,这也意味着有无限可能的色彩搭配组合。在这篇文章中,我们将复习APP中与颜色有关最重要的点。我们将讨论传统的配色方案(单色,类似色、互补色)模式,自定义颜色组合不严格基于任何一个模式,我们还将学习如何如何选择颜色和对比来提高APP的可用性。如何选择一个有效的配色方案？当创建一个配色方案有很多因素需要考虑,包括品牌色和颜色在你们区域的附加含义。到底有多少颜色可以选择呢?保持简单的色彩搭配将帮助您改善用户体验。一个简单的配色方案不会压迫你的眼睛,而且还可以让你的内容更容易理解。相反的,太多太复杂的颜色很容易破坏你的设计。多伦多的一所大学从人们使用Adobe Color CC的习惯中发现,大多数人更喜欢简单的颜色组合,基本上只用到两到三 ...继续阅读 (9)

早在计算机尚未诞生的年代，人们拿纸和笔来绘制信息图表，是因为他们别无选择。而今天，情况则有所不同。虽然大部分设计师选择使用软件、触控笔和平板电脑来制作精致的数据可视化图表，但仍有一部分设计师青睐更原始的工具。他们拿起纸和笔，打造出令人意想不到的惊艳效果，让冰冷的数据有了温度、有了萌感，甚至成为艺术……手绘信息明信片今天，用电脑绘制信息图似乎成为了主流，但信息设计师Giorgia Lupi 和Stefanie Posavec 偏偏证明，手绘图同样也能引人注目。这幅图里每个物件都代表一组数据，诸如“我今天发的朋友圈被点了多少个赞”、“我今天吃了多少块饼干”、“我驾照上记了多少分”几年前，这对搭档启动了一个名为“亲爱的数据（Dear Data）”的项目。在这个项目中，设计师每周跟踪一些个人数据，并将其转换为手绘图表。Lupi 画的“每周犹豫不决的时刻”他们还把这些手绘数据图做成了明信片，每周互寄一次。Lupi 给这些明信片取名为“小数据（Small Data）”。Giorgia Lupi 和Stefanie Posavec 互寄的手绘明信片也许统计的数据并不完善，手绘的插图也不完美，但正是这些不完美，使信息呈现得更友好、更个性、更动人。 方格纸信息图美国卫报的数据编辑Chalabi 喜欢用方格纸和标记绘制信息图表，来表现一些严肃（也很有趣的）问题。跨性别学生尝试过自杀的比例 异性恋、同性 ...继续阅读 (9)

昨天咱们做了一个web的界面，今天我们的作业依旧是一个web的界面。各位童鞋动起来吧！温馨小提示：下部有大图链接（大图细节更丰富哦）注意：注意整体布局及排版注意背景图的选择及颜色的搭配注意字体的颜色，大小和间距要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）原文作者：tubik大图链接：http://pan.baidu.com/s/1cw4oQ6各位童鞋请选择适合自己现阶段的练习：新手作业进阶练习中高级作业转载请注明：学UI网»web界面临摹【做作业】 ...继续阅读 (7)

小编：今天来带大家欣赏学习一下扁平风格网站的设计。扁平风格就是去除冗余、厚重和繁杂的装饰效果，让“信息”本身重新作为核心被凸显出来。扁平风使UI界面变得更加干净整齐，使用起来格外简洁，从而带给用户更加良好的操作体验。Drap Agency访问链接 Mobkii访问链接 Villar Portfolio Theme访问链接 Create访问链接 ColocArts访问链接 CQ: Continental Quarterly访问链接 Must Awards访问链接 MORE by Bourn: Love More访问链接 Ecodom Consorzio访问链接 Nick Boes: Creative Portfolio访问链接 Thing of Wonder访问链接 Cédric Borderie访问链接 District Mobility访问链接 Marco Giovinazzo Architect访问链接 PIXIT Design & Kommunikation访问链接 Team Sky访问链接 Amelia Thompson Portfolio访问链接 2016 Year in Review访问链接 Odense Symphony Orchestra访问链接 Rentberry访问链接 Satis Satellite Communications访问链接 datedropper ...继续阅读 (11)

小编：@俊敏这是第二批关于网页设计师基础的入门设计指南。希望对大家有帮助。上次朋友们说字体太小啦，这次我改大了，希望可以看的清楚。规则会限制你，同时也会让你在设计上少走一些弯路。这里的x并不是错误，我给的新意见也不一定是最好的解决方案。也是根据个人在工作中的一些总结而来的技巧。如有地方不对，还望多包涵总结。好啦不多说了，大家看正文。大家喜欢的话 多多点赞，哈哈～ 原文地址：站酷作者：俊敏 转载请注明：学UI网»网页视觉设计师设计基本手册（二） ...继续阅读 (7)

38女神节已经过了，各位女神们也可以开始做作业了。今天我们的作业难度不大，但是细节问题较多。so，各位童鞋认真对待！注意：块的比例，颜色的处理图标的制作，文字的排版建议软件：PS Sketch要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）大图链接：http://pan.baidu.com/s/1o8Gy3lo原文作者：tubik各位童鞋请选择适合自己现阶段的练习：新手作业进阶练习中高级作业转载请注明：学UI网»web界面临摹【做作业】 ...继续阅读 (9)

小编：@俊敏主要总结一些设计中的细节，或许有很多人知道，但不妨多看看。如果你是刚入设计的同学看了会对你有帮助，可不要小看这些细节，这或许就是你和大神之前的差异。这也算是设计中的一部分入门吧。原文地址：站酷作者：俊敏 转载请注明：学UI网»网页视觉设计师设计基本手册（一） ...继续阅读 (13)

UI设计是要跟上潮流的，今天和大家一起欣赏一些国外的精美网站。在翻译和分析的过程中，发现如今 hero header 已经成了一个潮流，不仅如此，动效的大量利用也成了网页设计的一个重要表现手法。睁大你的双眼，让我们静静感受~随着技术的发展，网页设计中以前很难实现的效果都成为了可能，设计风格也发生了日新月异的变化。注重用户体验的网站在不断增加，利用动效排版等新颖的元素，可以产生更具魅力的交互设计形式。North 2鲜艳的配色加上切换的主页横幅，给人以强烈的视觉冲击。 Adison Partners采用两种颜色的霓虹系配色的网站，内容切换时使用的动效可以作为典型案例参考。 Radoor & Co. Proud and Punch中间使用的热带元素插画让人印象深刻，与各个商品包装相呼应的插画采用了如烟雾般消失的转场动效，很值得借鉴。 Pocket Mustang Ford扫描一下页面中的二维码，就会唤醒一辆袖珍的3D赛车模型。 Fotonaut鲜艳的黄色和粗体的非衬线字体之间产生了非常美妙的平衡感，小元素的设计也非常值得参考。 Big Youth使用看起来很舒服的蓝色进行大面积的排版，充足的留白也是时下流行的设计样式。 Rainforest Foods画面随着鼠标进行移动，侧边菜单的交互方式也采用了特别的动效。 Caava Design圣迭戈一个设计工作室的作品，色彩和字体相得益彰，是一 ...继续阅读 (9)

3.8妇女节就要来了，本来，像小雨听见这个名称就感觉自己都不想过这样的节日。原因是，“妇女”这个词，虽然它本身并不是贬义词，但是让人有家庭主妇的联想。还是黄脸婆的那种。滴汗ing…所以过这个节日就感觉很不舒服，很奇怪。而现在在电商定义多样化的名字，“女生节”、“女神节”、“女王节”、“娘娘节”、“闺蜜节”、“蝴蝶结”等等让我们女性变得更加喜欢3.8这个日子。在这个特殊的日子了，我们可以当女王，可以当女神，还可以当女生，你想当那个角色呢？那么问题来了，大家认为妇女节需要被更名吗？（我想应该不会）那作为设计师的你们为3.8设计啥主题？转载请注明：学UI网»3.8，你为它设计了啥主题？ 【话题讨论】 ...继续阅读 (8)

小编：@IMART设计当中有很多的表现技法，有些表现技法应用起来比较复杂，并且耗费的工时也很长，有些表现手法则很轻松的就可以实现，比如说图文叠加，你也可以理解成图叠字。 这种表现技巧需要注意的是什么？应该怎么做？今天我们会有一篇高质量的文章呈现给大家。原文地址：站酷作者：IMART转载请注明：学UI网»图叠字的四种常用技法 ...继续阅读 (9)

小编：2016年的设计趋势你都把握了吗？一起来学习下这据说是2016年国外最火55套PS实用教程，将这些技能打包收入囊中吧～部分需要自备梯子哦今夜，西元2017年的第一天，又是一个365天的日夜轮回，成长有所得，生活有所福，时间有所守，工作有所进，慢条斯理即便如树懒也是一年，风驰电掣就算是天速星神行太保戴宗，一年也终是一年。PS小公举，还是阿随君电脑中打开率最高的软件之一，这一年，精进有无，爱有无，都花了比以往更多的时间面对它。风潇潇兮易水寒，壮士一去兮不复还，只有饮者留其名，打开第三罐RIO，循环播放着后摇乐队“Explosions In The Sky”2016年的新专辑《The Wilderness》，望着窗外没有雾霾的天空，这城市里又多了一段故事，留岁月去守护。放心，这不是阿随君的年度总结文，而依然是PS小公举领衔主演的教程手册文。一年过去了，多到不能再多的教程在中西文网站上飞来飞去，乱花渐欲迷人眼，究竟该学哪几篇？纵观各大知名设计网站，外网PSVIP的小编们从全网整理收集了多达56篇的精彩文章。阿随君，忙里偷闲，翻译一二，并添加一些个人解说，和大家一起继续爱PS，做好索引，方便小伙伴们按需查阅，学习练习提高技能打开脑洞，么么哒。前方高能23、图像合成：创意花团锦簇的肖像这还是合成类教程，学技巧的同时，也是灵感的收集，花朵和肖像，诶，莫非就是花仙子，哈哈哈。详细教程请戳：h ...继续阅读 (11)

小编：@还记得以前画相机的时候的心累嘛？今天我们解答团的毛姐姐手把手的教你画相机咯！赶紧动起来吧~~作品临摹来源：https://dribbble.com/shots/3332143-StoryCam转载请注明：学UI网»camera临摹【教程】 ...继续阅读 (10)

小编：手机支付已成为为我们生活中的一部分，但用户财产被盗取的新闻也时常报道，如何带给用户安全感，创造安全的支付环境，这是我们做为UI设计师也该考虑的问题。导语今年春节期间支付宝发生了一次支付安全风波，这让我们再次意识到安全对于支付、金融类产品而言就是生命线。但有时候产品安全并不等于用户就有了安全感，本文探讨了对于支付类产品而言，哪些方面因素影响了用户安全感的形成，并从设计角度出发，期望在安全感的提升上做出一些总结。在这里抛砖引玉，期望能和更多对这个问题感兴趣的小伙伴一起探讨。一、什么是产品的安全感？产品安全感指产品可以让用户信任的能力，一个可以让用户信任的产品，才能在用户信息获取、产品目标实现上成为可能。对支付工具或金融类产品而言，安全需求更是用户最核心的诉求。最近支付宝1月10日被曝光的“非密码登录模式下可能出现的账户安全风险”的风波，虽然支付宝并没有因为所谓的“漏洞”造成用户的资金损失，但造成了用户的强烈不安，导致大量用户解绑银行卡。安全感是建立在客观安全基础之上的一种主观感受，没有强大的技术支持、缜密的安全策略保障，安全感无从谈起，但并不是有了好的技术和缜密的安全策略用户就有了安全感。支付宝的账户安全风波发生后蚂蚁金服负责人在知乎上回应称：“安全不等于安全感。数据上显示这样找回登录密码的方式是安全的，我们就以为够了，但没有想到，这种方式其实是让不少用户没有安全感的。安全但没安 ...继续阅读 (11)

小编：@狼哥 有好多小伙伴在群里问那种金属的拉丝效果怎么做，黑胶唱片的纹理怎么做，绕着圆心的刻度怎么做⋯⋯唉，这都说了好几遍了公开课也有说好几次了。咳咳，既然你诚心诚意的发问了,我们就耐耐心心的告诉你。为了帮助新手小白,为了不想再回答这类问题，贯彻爱与真实的邪恶,帅气又萌萌哒的公开课讲师——狼哥，再一次在公开课里把这些问题一并讲一遍，希望大家能学会这些小技巧。因为狼哥真的不想再回答这类问题了（不过你们提问了狼哥还是会耐心回答滴，哈哈O(∩_∩)O哈哈~）转载请注明：学UI网»狼哥教你画播放器控件《学UI网第九十一期YY设计课》 ...继续阅读 (11)

前方高能来袭，又是一周的开始也是咱们这周作业的开始。这周我们第一个作业是一只可爱的小猫咪希望各位童鞋不要恶搞小猫咪哦！注意：小猫的形态结构；颜色搭配；要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）来自追波：https://dribbble.com/shots/3089191-Taffy-Cat各位童鞋请选择适合自己现阶段的练习：新手作业进阶练习中高级作业转载请注明：学UI网»塔菲猫临摹【做作业】 ...继续阅读 (12)

小编：2016年的设计趋势你都把握了吗？一起来学习下这据说是2016年国外最火55套PS实用教程，将这些技能打包收入囊中吧～部分需要自备梯子哦今夜，西元2017年的第一天，又是一个365天的日夜轮回，成长有所得，生活有所福，时间有所守，工作有所进，慢条斯理即便如树懒也是一年，风驰电掣就算是天速星神行太保戴宗，一年也终是一年。PS小公举，还是阿随君电脑中打开率最高的软件之一，这一年，精进有无，爱有无，都花了比以往更多的时间面对它。风潇潇兮易水寒，壮士一去兮不复还，只有饮者留其名，打开第三罐RIO，循环播放着后摇乐队“Explosions In The Sky”2016年的新专辑《The Wilderness》，望着窗外没有雾霾的天空，这城市里又多了一段故事，留岁月去守护。放心，这不是阿随君的年度总结文，而依然是PS小公举领衔主演的教程手册文。一年过去了，多到不能再多的教程在中西文网站上飞来飞去，乱花渐欲迷人眼，究竟该学哪几篇？纵观各大知名设计网站，外网PSVIP的小编们从全网整理收集了多达56篇的精彩文章。阿随君，忙里偷闲，翻译一二，并添加一些个人解说，和大家一起继续爱PS，做好索引，方便小伙伴们按需查阅，学习练习提高技能打开脑洞，么么哒。前方高能1、图像合成：创意水墨肖像这是一个将水墨和人物照片合成的经典案例，教程涉及抠图、笔刷、蒙版、纹理素材使用等基础知识点，小技巧大效果，用腻了 ...继续阅读 (15)

减少注册和登录的痛苦处理用户验证通常是事后诸葛亮，我们总指望它有用，但很少深入思考它。它应该足够简单，但事实是，无论对于用户还是运营产品的公司，都像是在自找麻烦。登录失败、忘记密码和冗长的交互。登录界面是你的应用中最常展示的界面之一。客观地说，75%的人都在登录时重置过密码，废弃了之前的密码（来源）。在企业内网登录中，忘记密码是帮助台每天处理的头号问题（来源）。通过清晰的表述和设计良好的流程，能极大的减少这些问题的数量。要提升用户验证的体验，降低服务成本，增加转化率，有几件事情要好好考虑。清晰说明规则亚马逊和阿里速卖通的例子避免使用模糊的规则，表述清楚。不要等到错误验证来警告用户，密码至少要6位。强调密码的最短限制是有意义的，但也不要太复杂。有实际意义的密码，比随机组合的字符更有用。显示密码亚马逊的例子可以考虑让密码可见。这对用户登录和注册有帮助。不用再次输入确认，用密码输入框来切换显示隐藏，帮助用户确认首次输入是否正确。显示和隐藏的功能可以用一个小图标、一行文字标签、或者勾选框来表示。亚马逊对此做了些小变化，把隐藏字符保留在输入框里，在下方显示完整密码。增强了用户的信心，减少焦虑，表达出密码被妥善处理的事实。忘记密码的处理Slack和Trello的例子没人愿意重置密码，除非登录失败或者账号被盗。这么看来，如何帮助用户在不重置密码的情况下登录进去呢？发送一个短链接，允许用户不重置密 ...继续阅读 (4)