除了 HELVETICA ，UI 设计师还应该知道哪些经典字体？

我和好多同学一样，也是自学设计出身，在经过设计软件的学习和画图标的阶段后就开始工作了，后来在工作中遇到过很多问题，比如说，标题和正文怎么排布才是合理的？应该使用多大的字体？配色怎么配？一个 icon 是要用线型还是面型？这些困惑的出现是难免的，因为设计是一门非常严谨的学科，里面蕴含了很多道理，就连最基础的字体选择和排版，都经过了将近 1000 年的发展和演变，有很多很多专业

产品 2017年04月18日

简单实用！使用无序列表时应该注意的 7 项细节

@可乐橙_ColaChan：小圆点有助于分割大段文字，使得复杂的文章和博客更容易消化，突出关键信息。如何运用好无序列表？这篇文章提出了7个注意点。有时候，最好的信息展现方式就是无序列表。无序列表能吸引注意、便于浏览、简化文本，并且表达出项目之间的关系。网站不是一个适合长篇大论的地方。相比之下，网站的读者更喜欢文案以某种易于浏览的形式组织起来，能让他们轻松跳过大段文字，直达自

产品 2017年04月18日

选择合适字体的 5 条建议

时下一种流行的设计方式：在页面顶部使用配有简洁文字的大幅图片或者视频，以此吸引用户进入网站。这种设计方式最头疼的就是如何为这些文字选择合适的字体。如何从样式繁多的字体库中找到一个合适的字体？这往往让设计师感到举步维艰。也许运用如下这些小技巧能够帮助我们找到需要的字体。让我们通过下面几个精彩的案例，来分享这5条建议吧。特排字体(Display Type)我们先来了解下什么是特

产品 2017年04月17日

这 20 个切入点，能让你快速着手设计广告 BANNER

Banner广告是快速高效的吸引用户的重要手段。Banner广告在网站中通常都占据着不错的位置，它们的转化率和它本身的设计优秀与否息息相关，最重要的是，它要能迅速的吸引用户的注意力，通过优秀的文案和视觉让用户立刻马上点击。今天的文章，我们通过一系列优秀的范例，帮你梳理Banner广告的20种高度可行、转化率高的设计思路。1、聚焦LOGO如果你的LOGO本身设计足够优秀，那么

产品 2017年04月17日

超全面！13 种表单样式的设计方式都在这了

半木zxy：从复杂的ERP系统到Facebook，应用程序已经不仅仅是作为输入的意义而存在。各种各样形式的表单服务于用户提交信息。本文介绍了13种不同的方式来呈现表单，并探讨了数据输入的未来。模态简单的模态适用于低复杂性和有限输入的表单。模态通常易于实现，且用户的体验很直观。但是，复杂的交互需要其他的模态，而弹层（popover）可能会导致用户犯错。此外，模态会阻止用户与应

产品 2017年04月17日

广告 Banner ：20 种高度可行、转化率高的设计思路

Banner广告是快速高效的吸引用户的重要手段。Banner广告在网站中通常都占据着不错的位置，它们的转化率和它本身的设计优秀与否息息相关，最重要的是，它要能迅速的吸引用户的注意力，通过优秀的文案和视觉让用户立刻马上点击。今天的文章，我们通过一系列优秀的范例，帮你梳理Banner 广告的20种高度可行、转化率高的设计思路。1、聚焦LOGO 如果你的LOGO本身设计足够优秀，

产品 2017年04月15日

网站设计：单页还是多页好？别争了，看这里

当你的设计是为了追随时尚潮流，而不是为了满足用户的目标为目的，那你的设计就出现问题了。接下来，我们分析下单页面和多页面网页的UI设计，以便于做出更好的设计选择。现在，网页设计整体趋向于单页网站设计。这种趋势是由于对追求简单和速度的推动。简单的单页网站也是一种很好的响应式设计，并且可以适应所有设备。当然，也有很多情况下需要用到多页设计。比如，快餐网站Chipotle为了便于快

产品 2017年04月15日

LOGO 变形记！当我们在讨论品牌标识时，我们在讨论什么？

@魔力大熊：品牌迭代是件深思熟虑的事情，轻易不会变动。以至于当Instagram丢了延续多年的宝丽来彩条相机，Uber丢了优雅的 logotype（有点像 banda regular），换上了比特和各国色彩构成的原子围衣，科技圈新闻媒体总是炸开锅，彼之转型，禁不住设计师口味刁钻，不喷几声嘴炮最难将息。你不能只拿「美丑」两个字来评价标识设计，这等于是将 55位 Uber 设计

产品 2017年04月17日

关于网页首屏设计，你必须要知道的那些事！！！

网页首屏设计的那些事作为一枚UI设计师，对于网页设计那是家常便饭了，最近很多人在微信群里问我，网页的首屏设计多高合适？我根据我的一些个人经验跟小伙伴分享一下关于网页首屏设计的那些事儿一、什么是首屏 首屏（above the fold ），fold有折叠之意，above the fold是指在折叠之后能看到的内容。为什么首屏的英文翻译会跟折叠有关系呢？原因很简单，这个概念最早

产品 2017年04月13日

Design 玩了这么多年微信，微信品牌设计的细节你可能还没看过

据微信官方设计团队发布的介绍显示，微信主品牌规范包括品牌主标志、文字标志、完整标志、标准字体、标准色彩以及客户端标志。4 月 7 日，微信对外宣布发布品牌应用规范，对外公布了包括 logo、字体在内的微信品牌形象素材，以期帮助合作伙伴规范微信品牌形象的正确应用，保证品牌完整性和一致性。根据微信官方设计团队发布的介绍显示，微信主品牌规范包括品牌主标志、文字标志、完整标志、标准

产品经理 2017年04月12日