从零开始全面掌握 UI 设计的配色方法

一篇你绝对不想错过的文章!以前的色彩知识大多是基础科普，容易看完就忘，配色 时还得翻书。但今天这篇，大多是从实战出发，学完可以立刻上手，而且还附有作者本人的色板、配色 工具等等，无论是小白还是UI设计师，这篇都不容错过！我们从小都能熟练地区分颜色，但为什么当我们需要运用色彩进行UI设计的时侯，却往往发现很难恰到好处地运用色彩，作出那些和谐得体、令人赏心悦目的设计来呢?……我

产品 2016年11月21日

如何做界面设计规范？

最近为了设计提高效率和质量，我开始研究如何做规范。看了一圈别人做的设计规范，又回想了一下自己以前做的，发现了有趣之处。设计规范的共性不同的规范虽然内容差别很大，但是对比一下它们的目录，却又很多相似之处，通常包含：布局、组件、配色、图标这四部分。组件里的分类无非是导航、菜单、表单、列表、表格、按钮、弹出框诸如此类，我就不一一列出了。设计规范有哪几类总体看来，我发现这三类设计规

产品 2016年12月04日

走心的技巧！为色盲用户提升网页可用性的实用设计技巧

编者按：网站的可用性是个大问题，之前《专为色盲打造！快速提高网站可用性的5个实用方法》 这篇文章提出了几点针对色盲用户的网站体验优化方法，而今天的这篇则是前者的很好的补充~根据 Colour Blind Awareness 的数据，4.5% 的用户是色盲，如果你的网站受众是以男性为主，那么这个数据可能高达8%。在进行网页和UI设计的过程中，色盲人群的实际状况很容易被设计师所

产品 2016年06月27日

学一学移动端动效设计（源文件分享）

在移动端交互设计中，动效设计越来越占到一定量的比重。动效设计是嵌入在用户界面设计流程中的一部分，通过动效拥有一个清晰的、有逻辑性的目的，这个目的为我们想要传递的设计理念服务。通过合理的动效设计可以提高可用性，以含蓄的方式为用户提供有效的反馈机制。下面5个动效设计是之前学习时自己设计和临摹的作品，附带源文件下载，有兴趣的童鞋可以下载研究下。设计师 Pasquale D’Sil

产品 2016年12月22日

浅析 app 设计：空白页的存在价值与设计方案

文章主要为大家解析空白页的存在意义及其设计技巧，希望对你有益。为什么经常做APP产品设计的分析，分析与熟悉一款app产品，对于之后的设计逻辑能够更加清晰，而对于产品逻辑也会慢慢有一个更好的认知。之后会通过 用户需求 与 用户体验 继续与大家讨论，一个优秀的设计，其背后蕴含了大量的可学习知识，感兴趣的朋友可以订阅。回归正题，这篇文章要为大家解析 空白页的存在意义及设计技巧 。

产品 2017年09月06日

只需浏览器，就能帮你搞定原型设计

给网站设计原型是一个全面系统的过程，在此过程中你需要拿出一套线框图并确保基本的交互功能。单纯的线框图可以是静态的图片，甚至可以是手绘的草稿，但是原型大多是动态的，可交互的，至少主要的页面和功能能基本呈现出来。不过，设计师通常会选择使用图像编辑工具来进行原型设计，只不过这样一来，绝大多数的工具很难实现足够的交互，这也催生了不少开发商转向研发基于浏览器的原型设计工具。浏览器性能

原型设计 2016年07月14日

超赞！手把手教你绘制人气最高的太空壁纸！

有这么一张太空插画壁纸，常年人气最高！本篇就带你了解这幅火爆作品背后的创作过程。​那是2013年，我坐在工作台前，伴随着美妙的音乐和灯光，我打开了电脑。一想到还有一堆工作要做，可是却没什么灵感。于是我开始无意识的从屏幕的一角到另一角画线，突然一个彗星形状形成了。慢慢的，我的大脑开始清醒，『如果我沿着这些继续添加一些星球会怎么样？』，于是开始了接下来的创作。然后这幅插画成为了

产品 2016年12月19日

掌握这 5 大元素与 10 个准则，动态设计师从此逆袭

原作者：Michael Jones 翻译：译果网 （https://eguo.world）在我们探讨动态设计原理的核心之前，我们需要明确构成视觉语言的5种元素。1 线段线段在动态设计中是点的集合。线段生成了运动，吸引我们的眼睛去跟随它的运动轨迹。线段可以是直线、曲线、虚线或粗细变化的线，它是构成形状的基本元素。2 形状线构建了形状。形状就是我们如何去认知物体。要么是从物理

产品 2017年02月27日

超赞！帮你打造极简风APP UI 的实用设计技巧

随着用户对UI的喜好开始偏向简约，设计师有必要将整个UI简化剥离至基本状态，因为保留关键元素才是成功的钥匙。从某种意义上说，极简主义的设计是形式和功能的完美结合。它最大的优势在于形式上的清晰直观——简洁的线条，大量的留白，优雅简约的图形元素，赋予整个设计以简约干净的感受。即使是最庞杂的内容，在这样的设计之下都显得直观而干练，当然，如果设计的足够高效的话。极简风的APP设计通

产品 2016年07月26日

基础小科普！8 种常见的版式设计方法汇总

不管你是UI设计，还是工业设计，甚至动画设计，终究离不开对外包装自己产品的版式设计，所以版式设计这块非常考验设计师的基础功力。今天分享的内容是Behance上设计师所汇总的常见排版样式，对于大家做设计还是会有很大帮助的。1. 大且醒目&美观的排版设计版面设计大概是一个优秀的网页设计中最重要的部分了，今年的版面设计会围绕着大且醒目，个性鲜明的标题。​2. 颜色渐变渐变绝对是时

产品 2017年04月05日