设计中常用的哥特式字体推荐与总结

7个提高无线端表单可用性的设计原则

用户在填写表格的时候可能会犹豫不决，所以你应该让这个过程变得尽可能容易，这篇文章中的7个设计原则可以显著提高表格的可用性。 无线端用户使用移动应用程序或网站都有一个特定的目标。通常情况下，站在用户和他的目标之间都会有一个交互形式 – 表单。实际情况中，表单被认为是用户使用链路中达到目标的最后一步，这…

详细解析UI界面配色配图使用技巧

一、简单思路分析 假设我们希望完成一个运动类APP的设计，那么我们需要做什么呢?第一步就是竞品分析。我们需要分析出市场上常见的运动类APP设计都长什么样(如图1)。 图1 我们发现，现在市场上的运动类app大多用色比较重，或是暗色调。这样的配色方案多少会为了满足商业或运营的需求，我们在平时做练习的时…

详细解析黄金比例在UI设计中的运用

“黄金比例”在建筑、机械、logo和图片设计中扮演着重要的角色。这里我不想写太多关于什么是黄金比例的东西，你可以在维基百科上了解到。我只能简明地说下：我们的知觉倾向于协调和美观，我认为黄金比例是让产品变得更舒适和美观的最优雅方式。简而言之，它是一种寻求设计平衡的工具。 这个技巧在界面设计中并不流行，…

详细解析移动端基于场景的设计方法

移动终端由于被用户随身携带，变成用户身体的延伸，在每一个场景中，深度陪伴着用户。也因此，移动终端获得天然的优势，得以针对用户实际所在的场景来设计，以设计出更加贴心的体验。 但是，由于设计师与用户的空间相隔，无法看到用户在真实场景中的使用情况。为了了解用户的痛点及需求，我们需要通过场景设计的方法，对用…

4个设计建议让你的轮播图点击率更高

轮播图(Carousels)这样的交互方式，在web时代似乎已经司空见惯。当一群人在会议室里争夺首屏焦点图的优先级时，使用轮播图，似乎能够不费吹灰之力地解决这场争端，没有人是输家。然而，轮播图这种方式真的有效吗?如何设计才能带给用户更好的体验呢。 事实上，“万能和事佬”轮播图的点击率通常都很低，转化…

商业产品体验视觉多角度构建设计形态

现时代的设计师不应只看到美感，从长远而言，需要从商业/产品/体验/视觉多个角度综合考量构建设计形态。本文将从生活场景引入思考模式，过渡到实际产品中的综合思考。 生活场景思考 地铁口扶手电梯的运行方向应该往里开还是往外开? 显性因素与隐性因素 所谓显示因素是指用户在体验中的第一感受体验，比如进地铁了我…

设计师如何从大师的作品中借鉴配色灵感

凡事预则立，不预则废，这句话一样适用于设计时的配色。一个有血有肉的设计，在配色前一定是经过了色彩的筛选和斟酌。那么，我们的配色方案如何得来?是否需要一定的科学验证量化?还是仅仅依靠直觉?今天教你从大师的名画中学会配色。 名画里的配色 配色方案的其中一个来源就是大师的作品。对，特别是印象派时期的几位大…

Sketch轻松绘制MBE风格小插画教程

先看看效果图 Step 1、外轮廓 快捷键O，按住Shift，鼠标拖拽画出一个正圆，在右侧面板调整Fills，Borders等属性。 Step 2、陆地 快捷键V，使用钢笔工具在圆上绘制陆地，选中Oval图层在上侧工具栏点击Mask(蒙板)工具，建立蒙板，此时陆地只在蒙板内显示，将Oval图层的Bo…

9款服装穿搭技巧轻松搞定专题页设计

到目前为止，我已经写了好几十篇关于Banner设计的文章了，目前应该还没有人把Banner设计讲出这么多门道出来吧，但是我今天想升级一下，不讲Banner设计了，而是给大家讲一下Banner设计的进阶版-专题页设计，做好专题页的前提就是做好Banner设计，这也为什么我会在前面那么大篇幅讲Banne…

写给新手的情感化UI设计简明指南

今天来聊一下情感化的UI设计。在用户和UI之间建立情感联系是构建用户信任和依赖关系的关键因素，而实际上要做的事情比听起来麻烦得多，因为需要考虑的因素更多。情绪是广泛的、复杂的，它容易受到影响，但是也很难改变。 而这也是我们今天要思考的事情，什么是情感化的UI设计?如何创建一个能够唤起用户情感波动，构…

50个世界著名企业LOGO的前世今生

logo对一个企业来说至关重要，而一个好的品牌懂得不断适应时代的需要，不断优化自己的logo设计。下面的五十个logo都是我们耳熟能详的企业，看看他们最初的logo个如今的logo，相同的变化几乎都是化繁为简，更具有辨识度和设计感。一起来感受一些那些logo的前世今生。 

如何做出双11最受欢迎的电商设计风格

天猫官方的双十一预热页面刚刚上线，这不，优设就请来了京东的视觉设计师骨头君，帮大家分析双十一电商设计的流行趋势，包括场景、配色、角度、标题、辅助性元素等，干货+趋势，绝对值得一读。 欢迎关注作者的个人公众号「三根设计骨」 首先放一张天猫11.11入口图： 红金搭配、依然豪气的不要不要的。 今年的天猫…

6个配色新人应该学会的色彩知识点分享

今天腾讯的余盼Designer从色彩构成、色彩联想、情感化设计、秋冬流行色和案例分析等6个方面聊聊色彩在设计中的应用。 首先是色彩的构成。色彩分为有彩色和无彩色两大类。后面是现在很火的性冷淡色的介绍。 无论是有彩色还是无彩色，都有各自的表情特征，任何色彩的表情都有其积极的一面和消极的一面 红色系列 …

详细解析方框和方形元素在设计中的运用

常常听见大神说设计不需要方方正正的，这样会显得死板，没有创意。LOW等等，其实不然，在我认为每一种元素，只要在对的环境中，去运用。相信会出现让人耳目一新的效果。 长辈常说做人需要方方正正，其实我们的设计也一样，只有方正才能打好根基，屹立而不倒。比如我们身边使用的电脑，冰箱 房屋架构等等，都离不开方形…

详细解析设计师应该学会的最优工作流程

前段时间参与设计一个较大的线上活动，包含十个奥运相关小游戏及一些相关界面，前后历时几个月。奥运后活动下线，设计工作完结后，我整理了这过程中的收获及工作方式，和大家分享下。 立项前信息收集与准备 有些大型项目是很早就规划了要做的，只是具体哪天立项发邮件或哪些人参与还没确定，如果知道要自己要参与这件事，…

实战案例帮你学会基于场景的设计方法

移动终端由于被用户随身携带，变成用户身体的延伸，在每一个场景中，深度陪伴着用户。也因此，移动终端获得天然的优势，得以针对用户实际所在的场景来设计，以设计出更加贴心的体验。 但是，由于设计师与用户的空间相隔，无法看到用户在真实场景中的使用情况。为了了解用户的痛点及需求，我们需要通过场景设计的方法，对用…

详解LOGO设计的常规思路和流程是怎样的

这边分享下我对这个问题的看法和我设计LOGO的一些方法和方案，包括设计前/设计时/设计后的思考，以及实战中的LOGO 设计手法和3个实用的案例分享。 内容摘要 LOGO的见解 设计前的思考 设计时的思考 设计后的思考 LOGO的设计手法 案例分享 LOGO是一个品牌的脸蛋 在我们这个看颜值的时代，我…

设计师应该如何写出专业设计提案的报告

在过去很长一段时间，怎么清晰透彻地把自己的设计思路与方案讲述出来，一直是一个比较困扰我的问题，直到最近几次工作中的虚拟项目方案汇报中，这一问题才改观了不少，也收到了相对不错的结果反馈。今天就从逻辑、节奏与表现三方面，说说我对怎么做好一场设计提案Presentation的总结吧。 逻辑框架：环环相扣的…

6个值得提前学习的语音交互设计方法

在微软小娜和Siri 完善的过程中，语音交互也逐渐渗透到了智能汽车和智能家居的领域，这种简单快捷，不依赖视觉界面的交互方式，未来会大放异彩。今天@薛斯塔 这篇好文，带你提前了解这种交互模式需要注意的几个地方。 一直以来，我们使用的是以视觉界面交互为主的3C产品。iPhone，Google Glass…