那些让人入坑难翻身的年历设计

现在最理直气壮的事，就是买美腻的日历了！ banner（Google doodle）迈入2017年了。现在最理直气壮的事，就是买美腻的日历了！反正最近盆友圈是被各种“情怀”日历刷了屏：单向历、果壳物种日历、传家日历、月相历、豆瓣电影日历……抱着“不管日子过得美不美，至少看上去很美”的逻辑，朋友们纷纷入手了自己钟意的日历，陪自己度过2017。我不会告诉别人我已经攒了5本，只怪

产品 2017年01月11日

撰写 UI 文案时应该避免的事情

清晰、准确、简洁的文案能使程序更有用和可信。下面列举的 10 项事情是在文案描述中应该避免的：1. 术语和特定项目未知的术语或词组将增加用户的认知成本，尽量避免“怪人说话”。一个保险的做法是选择常见用词，面向所有级别的用户，不论初级用户或者高级用户都能容易理解。下面是在“错误信息”提示中的一个反例：（上图：没有明确这个消息的受众是系统管理员还是办公室工作人员。图片来源：ID

产品 2017年01月12日

APP 空状态下 UI 界面设计思路

当我们熟悉和理解了这些APP空状态相关知识和术语之后，才能着手设计这些看似轻微的app空状态界面设计。今天我们就具体了解APP空状态下UI界面设计思路。APP空状态设计足够优秀的话可以提高用户体验，使得用户留存率增加。这也是为什么要跟大家谈谈APP空状态界面设计的原因。第一步：善于发现和积累APP空状态界面学会和发现现有APP设计当中的一些常见的APP空状态界面设计灵感。下

产品 2017年01月12日

卡片式设计的最佳实践

卡片本质上是一个简单的信息容器，信息量有限，但设计干净整洁。现如今，在保证界面具有优秀可用性的同时，卡片式的设计甚至成为了平衡界面美学的默认做法。作为最初由Pinterest和Facebook这样的终端服务引入的一种新的设计方案，今天卡片式设计的影响力正在多个行业蔓延开来。如果设计合理，卡片式的设计将能够在一定程度上改善应用程序的用户体验。在本文中，我将描述5种有用的卡片设

产品 2017年01月11日

AI 基础教程！教你创建矢量扁平地图

编者按：可能是最适合零基础练手的一篇教程。虽然简单，不过用到了很多基础工具，临摹时也可以学到云朵、山脉、道路、树木等物品的绘制方法，一起试试。注：零基础可以看文末的 「AI小课堂」 系列哟。效果图： 关键字：设计, 教程, 设计文章

产品 2017年01月12日

学会这 5 个套路，做出不一样的春节专题页设计！

每年春节的视觉设计都千篇一律，全是红红火火毛笔字，热热闹闹手绘风。该如何跳出这个视觉风格，让专题页脱颖而出？@TTTing1 总结了5个套路，帮你做出不一样的专题设计！欢迎关注@TTTing1的微信公众号「做设计的面条」，一个干货与文笔俱佳的美女设计师。写在前面每到年底的时候，大家应该都无心工作只想回去跟家人团聚吧，只可惜啊，我们的职业是电商设计师，人家现在都忙着打年货过节

产品 2017年01月12日

高级设计：百度首页设计大揭秘，原来是这么设计？

作为国内访问量第一的百度首页，每个细节的改变都会引起一片哗然，在这么大的压力下，设计师是如何思考，做到商业和用户体验的平衡呢？在正式开始之前，我们首先来思考几个问题： 1、 在众多的产品中，我们设计的产品在体验层面是怎么样脱引而出的，作为设计师应该想什么，做什么，怎么做？2、 一个产品在多端的体验中，又是怎么样保持统一的体验效果。3、 如何较多层面的洞见用户诉求，提炼

产品 2017年01月12日

如何看懂 UI 效果图

“要把图标做到让我想用舌头去舔一下”——乔布斯用Markman标注后，开发时就能达到100%还原度吗？客户（老板／领导）拿到软件的第一个意见，几乎都是关于UI的。有时得到的评价也挺简洁明了的，一个字“矬”。于是惶惶不安的开发小弟经常想到的第一个解决方案：去问设计大神（美眉）要一幅详细的标注图。结果他得到这么一幅标注图：Markman标注例子这样一个页面中，标注了间距、大小、

产品经理 2017年01月12日

这 7 个思路，能帮你在设计项目中用好小图标

图标是设计项目中几乎必不可少的一个组成部分，但是在图标的具体使用上，讲究并不少。 如果你曾仔细浏览优设的网站，应该已经看过不少图标设计的实战案例。1、强化视觉并不是所有的图片都能给用户带来惊艳的感觉，很多时候，图片也不足以撑起整个设计的视觉和形式感。这个时候，图标的重要性就凸显出来了。许多有趣的图标和图片结合起来使用，能够强化图片的内容，提供额外的信息，给予用户以交互的提示

产品 2017年01月13日

网页设计需要学哪些软件？

本文源于@酷coo豆的回答：想要从事网页设计，需要学习哪些软件？我大一，因为专业的问题需要自学？一、平面设计与网页设计自从@酷coo豆由平面设计，转向了网页设计后。感觉到两者之间有着太多的共性，共同的基础理论、常用的设计软件都大同小异。其最大的不同就是承载媒介的区别——一个是“印刷纸张”，一个是电子屏幕。所以对于网页设计需要学什么软件，其主要还是以Photoshop为主，包

产品 2017年01月13日