专业科班的思考！聊聊列表设计的 3 个基本思路

@董弈：列表算是一个非常基础的设计元素，无非是一排一排的数据内容，加上一些基本的操作。最近连续设计了一个礼拜的列表后，最直观的感受是：再简单的东西，也有很多的细节需要思考。尤其对于很多数据产品和工具型产品，列表是非常重要的一部分，例如电子邮箱，文件系统（Google drive, dropbox)。一个信息结构合理，操作明确表格、列表设计，能够帮助用户减轻很多的阅读负担。这

产品 2016年10月24日

专业科班的方法！设计一个 LOGO 的常规思路和流程是怎样的？

@乘与九设计 ：这边分享下我对这个问题的看法和我设计LOGO的一些方法和方案，包括设计前/设计时/设计后的思考，以及实战中的LOGO 设计手法和3个实用的案例分享。内容摘要LOGO的见解设计前的思考设计时的思考设计后的思考LOGO的设计手法案例分享LOGO是一个品牌的脸蛋在我们这个看颜值的时代，我们说他重要他挺重要的，说他不重要，他还真的没那么重要，好的脸蛋可以帮助吸引第一

产品 2016年10月24日

设计一个高可用性的互联网软件系统，需考虑哪些因素？

技术的作用从短期来看往往都被高估，但是从长期来看又往往被低估。IT领域的5个9是啥？ 写下这个题目时感觉是给自己挖了一个大坑，就像是在尝试回答前段时间在知乎上很火的一个讨论“为什么很多看起来不是很复杂的网站，比如Facebook需要大量顶尖高手来开发？”。人们可能已经习惯于生活中的很多事情，比如你随手拿起手机就可以打一个电话出去，打开一个APP就可以买一件心仪的商品，

产品 2016年10月24日

Ui 设计也进入了颜值当道的年代

毫不夸张地说，在颜值当道的年代，UI设计师的水平，直接决定了互联网产品（网站、App、网上店铺等）的颜值。无论产品的质量怎样，用户接触产品的第一幕，就是UI设计师给产品设计的这张脸，而像我这种“颜狗”，一旦产品的颜值达不到我的标准，下一步就是关闭/卸载。一个好的UI设计师，能润物于无声，在浑然天成的设计中为产品注入新的价值，绝不是普通的打杂美工。作为初入ui行业的小白，如何

产品 2016年10月24日

IOS 交互设计基础之栏 & 临时视图（一）

一、栏 1、状态栏 状态栏：展示了设备及其周围环境的重要信息（1）状态栏是透明的（2）避免滚动内容直接透过状态栏2、导航栏 导航栏能够实现应用不同信息层级间的导航（1）避免过多的控件填满你的导航栏（2）确保你自定义的导航栏在你的应用的每个视图中都有一致的外观与体验注：微信读书导航栏3、工具栏 工具栏中放置用户在当前情境下最常用的指令注：微信阅读书籍阅读界面工具栏（1）尽量避

产品 2016年10月24日

Make Icons With Sketch 图标设计教程

30+ 免费图标Sketch源文件下载，加对应的 30+ GIF 绘制教程，10 分钟掌握大部分 Sketch 绘制图标的技巧。一个正方形，两个同等直径的圆形即可完成，最后旋转。多选矩形 Edit 后可以一起改圆角。正方形不停地裁剪。一个椭圆加长方形，复制即可。圆角矩形加两个不同大小的圆合成。小矩形旋转角度，最后拉下 Radius 即可。选中锚点删掉，调下倾斜度，复制合成。

产品 2016年10月24日

网页设计致胜关键点：合理的排版布局

合理的排版与布局，是网站设计师不容忽视的要点之一。任何一个具有创意的网页设计方案，都会把目光聚焦在布局和色彩搭配上。这个餐饮o2o网站独特的地方，就是在用户界面上推出了各种吸引眼球的甜点冰淇淋。网站的排版布局比较简约大气，适当的留白，再加上一些美观的字体设计，让整体看起来更加时尚有活力。 网页设计有一个终极目标，介绍鼓励用户去点击、去操作。这些操作行为包括注册或者查询内容

产品 2016年10月25日

app 界面设计读书笔记分享

没啥介绍的，我只是来甩干货的。这篇笔记基本概括了目前app界面设计中常用的大部分控件及使用方式，适合入门观看。操作面板操作面板这种UI组件用于显示与特定内容的对应备选操作。与导航栏和底部操作栏这种全局操作栏不同，操作面板主要出现于内容区域，根据内容不同，可以选择的操作面板模式也不相同，大致分为以下四类第一，条状模式条状模式直接显示于内容区域，并且位置固定，这种模式虽然占据一

产品 2016年10月24日

如何优雅地定义 App 的界面设计

作者：Intech-Porter链接：https://zhuanlan.zhihu.com/p/231675792014年初，移动端上网的流量第一次超越了PC端，从此确定了移动端取代PC端成为大众接受信息的主流终端。也正是因为如此，越来越多的移动互联网创业者将自己的产品重心放在了APP上面。然而随着移动端市场的扩大，APP的数量达到了井喷的状态，要在众多的APP产品中脱颖而

产品 2016年10月24日

结构化大乱斗的交互设计原则

让我们一起将这么多的交互设计原则捋一捋。交互设计原则有很多，一会是交互设计的七大法则，一会又是尼尔森十大可用性原则，一会又是……诸如此类，简直是乱花渐欲迷人眼，好一出交互设计原则的大乱斗，让人傻傻不知该如何下手。互联网领域中，有一个思维很重要，叫做结构化思维。这里，我就应用结构化思维的一小块，来将这个大乱斗结构化一下，从而更方便地理解、记忆这些原则。首先，互联网产品领域，最

产品 2016年10月24日