有种体验叫文案

Posted in 交互设计, 视觉设计 by 吖吖 - 一 06, 2011

  如果你是一位“细节控”设计师:认为“细节决定成败”,界面上每个像素、每个图标、每种字体都该受到专注,那产品的每个文案亦是重要的。

  什么是产品文案?你标注一个按钮的名字是“提交”还是“保存”;“新建”还是“创建”;用一般举例,还是详细阐述;用什么样的语气说明——这些都是文案。

  百度百科这么描述产品文案的由来:产品设计阶段,UED成员需要大量的介入其中,使得产品设计在易用性,品牌彰显等方面最大化的把产品的价值点呈现给目标用户群体。

  也就是说,在设计界面的时候,要设身处地为使用这个产品的用户着想,使用和用户一致的语言。只要它是web产品,就一定避免使用技术行话和多数人搞不懂的语言。

  界面用词和设计常常相辅相成。常见的界面设计文案有:
1、图标的文字说明

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

填写表单项要有所填内容的示例,图为新浪微博注册信息,其中邮箱填写格式就有提示文字和示例。
3、按钮要有标签。
以“注册”为例,目前就有很多不同的文案说法:



你觉得哪个最直观呢?
4、流程要一步一步提示。

 向导模式中,常常要有简明的文案做出步骤的说明。图为京东上使用向导(wizard)快速引导不熟悉流程的顾客完成付款。
5、退款等政策也要有个清楚的说明。

当当网的退款说明清楚明了,估计用户很多直接选择网上退款,减少了很多客服压力。
(更多…)

png8与png24的区别

Posted in 网页重构, 视觉设计 by 吖吖 - 五 24, 2010

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 的透明一样。

Tags: , 共有0条评论 860次点击

最新评论

  • 正在加载...

网站统计

  • 总访问量: 1053
  • 本日访问量: 8
  • 昨日访问量: 37
  • 当前在线人数: 1
  • 你的操作系统:
  • 你的浏览器:
  • 你的IP地址: 38.107.179.209
  • 访问最多的浏览器: 主页
  • 访问最多的操作系统: 主页
分享美图