超全面！如何系统学习功能图标之理论篇
由于最近的工作原因对图标有了更加全方位的认识，虽然之前写过《如何系统学习功能图标？来看资深设计师的全面总结！（一）》、《如何绘制功能性图标？来看资深设计师的全面总结！（二）》、这两篇文章，但里面还是缺少了理论依据和系统做图标的思维。通过不断再学习的过程中有了新的认识，希望和大家一起分享。一、图标设计原则1. 表意准确功能图标的第一原则是表意准确，要让用户看到图标第一时间就能理解它的含义。同...
错误提示怎么写？这是高手总结的8个正确姿势！
编者按：当用户犯错时，什么样的提醒设计才能让他不会恼怒，反而如临春风呢？本文总结了8个小技巧，帮你做好这个细节。阿肆Stella ：这次的文章严格来说不是纯翻译，我根据个人理解以及实际情况对文章结构和内容稍作了再加工，所以可能和原文不是完全一样的，不过内容都是干货，希望能帮到大家。原文链接 ：《How to Write Good Error Messages》Saadia Minh...
超全面的UI动效基本规则总结
现如今，优秀的界面动画很能让人产生深刻印象，甚至是带来惊喜。它一方面表达了界面之间的交互过程，解释说明如何使用应用，另一方面也能正确引导用户的注意力。在浏览关于动效的文章时，我发现几乎所有的文章都只描述了特定的案例或者关于动画的一般事实，但是我还没有遇到过任何一篇文章能够清晰的描述所有关于界面动画的使用规范。在这篇文章中我不会写任何新的知识，我只是想把所有的主要原则和规范做一个收集归纳，这样就...
可能是最全面的表单设计完全手册！
表单设计可以说是设计界一个老生常谈的话题，针对它的重要性自不必多言。本文结合自身经验和所看所学所得总结，希望能帮助到大家。从「因子（构成要件）」的角度，将表单逐一拆分，从而能够全面的看待。如下，大卸八块，一一道来：结构标签输入字段占位符帮助操作验证反馈一、结构 Structure字段的顺序、节奏、外观和组织。1. 只问所需必要而不是全部，简化表单，或许是优化表单的最大建议。...
如何搞定搜索框的视觉设计？来看这篇总结！
洋洋Leony：搜索框是我们经常使用的组件，但是我们在设计时通常只是粗略地参考别家的搜索框并没有仔细去思考搜索框样式之间的差异性，本篇整理和分析了在默认状态下的搜索框该如何选择外观样式，希望对大家有所帮助。目录外框展示样式外框圆角大小默认内容的对齐方式一、外框展示样式这里一共整理搜集了5种，分别为：填充色线框投影透明度无外框1. 填充色最常用的外框使用方案，通常选用与页面背景颜...
从艺术史出发，帮你完整梳理一遍UI设计趋势
准确预判行业趋势，是一件很难的事，所以这次趋势浅析仅为个人一家之言，分析表皮浅薄，各位看官权当茶余饭后故事看吧。我们先看「趋势」的字面意思：事物发展的方向，表示一种向尚不明确的或只是模糊地制定的遥远的目标持续发展的总的运动。今天跟大家要聊的就是 UI设计发展的动向。在了解事物发展动向前，我从三个方面作为切入点，即从对过去艺术设计发展的分析找到到规律，对现在 UI 发展的分析找到不足 ，...
在这个火热的8月，正在流行这3种网页设计趋势
设计趋势总会在你迷茫的时候，给你一点灵光。在合适的时候，恰到好处地「跟风」，借助流行的趋势帮你作出更合时宜的好设计。炎热的8月即将到来，我们观察到三个设计的趋势，当下正在流行。1. 以白色和浅色为主的配色方案虽然以白色和浅色为主的配色方案似乎哪里都有，但是在最近，这种趋势体现的非常的明显。色彩的运用一直都是诸多设计趋势当中，最为醒目的组成部分。这种以白色和浅色为主的色彩美学，似乎在和之...
2018年过半，为你总结了这13个主要的设计趋势
2018年时间过半，通过过去的6个月的观察，其实我们已经可以对于2018年的整个 UI 领域的设计趋势有了一个更为清晰的判断，也是推出这篇文章比较合理的时机。今天，我们一起来回顾一下，过去的半年当中，UI设计领域当中的一些流行趋势。1. 全屏背景图片如今的全屏背景确实是最广泛的设计趋势之一，无论是使用照片还是经过特别渲染的可视化效果，均是在此范围以内。这种方法无论是在视觉上，还是在情绪上都...
掌握这7个原则，帮你快速提高产品的可访问性
周日的时候去看了徐峥的电影《我不是药神》，电影很走心，很现实，反正我是看哭了。现在的人，安全感缺失，有一部分原因可能就是看不起病吧。现如今，很多人还没能享受到该有的社会福利，在阳光照不到的角落里，犹如被抛弃，冷的瑟瑟发抖。还记得前段时间看到的一个苹果宣传片，《Apple不为多数人，也不为少数人》，感动了不少人。看完电影后，不自觉的想到了苹果的这个宣传片，总觉得苹果所帮助的群体，跟《我不是药...
您有一份200套的免费UI素材包未接收，请打开文章领取
今天干货福利给大家带来200套优秀的免费 UI设计素材包，这些 UI素材可以作为临摹学习和设计灵感参考，内容包括 APP用户界面、Mac 和 Wins系统、UI组件等等。1. 播放器界面△ YouTube播放器，作者：Damian Patkowski有些模板还标注了网格参考线，更好的帮助你理解版式和布局，顺便复习一下网格系统。2. 菜单及选项面板...
眼见不一定为实！设计中常见的 9 种视觉错觉！
俗话说：「眼见为实」，但眼睛真的不会欺骗你嘛？来看看设计中常见的9种视错觉！下次甲方再怀疑你的专业能力，随便拿一个给他看。1. 三角形中心你能找到三角形的中心么? 并非所有的图标都是对称的，对于我们常见的播放按钮图标，找到视觉的中心实际上很困难。造成这种情况的原因是由于三角形分裂错觉的效应，中心位于三条中线（顶点和对边的中点的连线）交点，此点即为重心。下面图片光凭肉眼，你看得出来哪...
网站使用单页设计还是多页设计？这篇文章帮你理智分析
对于许多网页设计师而言，是选择单页面还是多页面的设计，可能会非常的棘手。随着移动端和社交媒体的兴起，简单快速响应迅速的单页网站，成为了目前网页设计的趋势。另一方面，传统的多页设计也因其广泛的认知，而被广大用户所认可。所以，真正要在两者之间做取舍，并不容易。单页和多页式的设计哪个更好，影响因素很多。网站的内容如何铺排，导航如何运作，整体的策略和需求，出发点，都会影响到选择的决策。不过，内容始...
用Airbnb 的产品，帮你快速理解尼尔森10大可用性原则！ - 优设-UISDC
本文聚焦 Airbnb 产品，描述10大可用性原则的应用场景，希望能够帮助你更系统地理解10大可用性原则。一、系统状态的可见性Visibility of system statusThe system should always keep users informed about what is going on, through appropriate feedback within...
想用设计化腐朽为神奇，你得先想明白这10个问题
编者按：今天的译文同样来自设计师 Eugen Eşanu，他将经典设计书《Don‘t Make Me Think》中的内容梳理出来供你参考。这些老问题依然能够给我们今天的新局面以启发。「好设计应该是显而易见的」，这句老话在过去的几个世纪当中影响到了各个不同的领域，从美食到音乐，从建筑到哲学，我们如今的生活几乎是在这句话的影响下被逐渐被塑造出来的。但是同样的，人类的进化并没有我们想象中那...
超全面总结！黄金分割在界面设计中的应用
最近跟一线大厂设计师交流，他们给我的反馈是做设计的时候不单单只是视觉上的美感，更需要方法论来支撑，这样才更具有说服力。黄金分割大家应该早有耳闻，作为一名设计师，怎么来利用黄金分割线使其构图更加完美呢？说实话，构图时是否使用黄金分割线构图并不是绝对的，它只是方法之一。但是黄金分割比例在全世界乃至全宇宙确实都是至高无上的。一、至高无上的黄金分割比例这种东西是很神奇的事情，你了解的越多越...
反面教材，这9个糟糕的网页设计实例引以为戒
在开始之前，我有一个问题，在设计一个网站时，你最关注的是什么？ 是美轮美奂的界面？还是酷炫的效果？其实，网站功能和用户体验才是网站设计最该解决的问题。优质的用户体验可以让你的网站给访客留下深刻的印象，这有助于你打造品牌，增加网站访问量。 那么...
优秀网页设计的七条基本准则
世界一直在变，它的变数很大，而引领世界改变的互联网变数大到你无法想象。因此，迅捷的变化节奏导致互联网工作者的工作注定是”高强度、快节奏”的，要么适应变化，要么引领变局，要么被淘汰，无非这三种。正因如此，这个行业竞争激烈，新生力量层出不穷，很难有人一直保持前列。新时代的网页设计以响应式理论为蓝本，力图在不同设备上呈现一致的网页浏览体验。而响应式时代依然不便的设计基本...
设计干货：你之前理解的点线面，可能都是片面的！
本篇文章将深入剖析版式设计的基本构成单位，点、线、面。我们将点线面称为设计三元素。一个文字或者标点，我们可以抽象成一个点，一行文字可以抽象成一条线，那么一段文字就是一个面。一张图片也可以被看做是一个面。其实我们设计师大部分时间就是在排布点线面在版面中的大小比例及位置关系。换句话说，我们可以在不理解文案内容的情况下依然能够通过形式美法则将文字和图片进行合理的布局。黑马老师在外企担...