如果你是一位“细节控”设计师:认为“细节决定成败”,界面上每个像素、每个图标、每种字体都该受到专注,那产品的每个文案亦是重要的。
什么是产品文案?你标注一个按钮的名字是“提交”还是“保存”;“新建”还是“创建”;用一般举例,还是详细阐述;用什么样的语气说明——这些都是文案。
百度百科这么描述产品文案的由来:产品设计阶段,UED成员需要大量的介入其中,使得产品设计在易用性,品牌彰显等方面最大化的把产品的价值点呈现给目标用户群体。
也就是说,在设计界面的时候,要设身处地为使用这个产品的用户着想,使用和用户一致的语言。只要它是web产品,就一定避免使用技术行话和多数人搞不懂的语言。
界面用词和设计常常相辅相成。常见的界面设计文案有:
1、图标的文字说明

图标几乎都要有文字说明,表述更加直观。图为facebook图标旁的文字说明。
2、表单要有示例和说明。

填写表单项要有所填内容的示例,图为新浪微博注册信息,其中邮箱填写格式就有提示文字和示例。
3、按钮要有标签。
以“注册”为例,目前就有很多不同的文案说法:
![]()
![]()
![]()
你觉得哪个最直观呢?
4、流程要一步一步提示。
![]()
向导模式中,常常要有简明的文案做出步骤的说明。图为京东上使用向导(wizard)快速引导不熟悉流程的顾客完成付款。
5、退款等政策也要有个清楚的说明。

当当网的退款说明清楚明了,估计用户很多直接选择网上退款,减少了很多客服压力。
(更多…)
PNG文件格式分为PNG-24和PNG-8,其最大的区别不是颜色位的区别,而是存储方式不同;
PNG-8 色盘索引、调色板中一位透明值、不支持阿尔法通道的半透明,存储格式中每个像素无透明度的数据块定义;PNG-8是用8位索引值来在调色盘中索引一个颜色,因为一个索引值的最大上限为2的8次方既128,故调色盘中颜色数最多为128种,所以该文件格式又被叫做PNG-8128仿色。
PNG-24 无调色板、支持阿尔法通道的半透明、每个点阵都有透明度的定义,最低32位真彩色;是PNG-24是用24位来保存一个像素值,是真彩色。
PNG-8 和 gif 有一些相似之处,模式都是索引颜色,只支持像素级的纯透明,不支持 alpha 透明。我们通常说的“IE6 不支持 PNG 透明”,是指不支持 PNG-24 的透明(将透明区域显示为灰色)。但是 IE6 支持 PNG-8 的透明,就像支持 gif 的透明一样。
