vicwity's blog

十二月 2006 - 博客

• 学易语录（二）

  某人云： “      我要做美工中编程最强的；      我要做程序员中美工最强的；      我要做男人中最女人的！ ” --------------------------------------------------------------------- 旁白：此人追求与众不同，三个“最”字充分体现出此人的雄心壮志。若此人能获得葵花宝典，必将有所大成阿~ 发表于 十二月 19 2006, 09:25 下午 作者 vicwity with 6 comment(s) 标签: 学易故事

• 网站界面设计Tips

  成功的网站需要关注信息的组织方式（信息设计）和用户访问信息的方式（界面设计和导航设计）。 在浏览网页时，用户最讨厌的事情就是找不到期望的内容、碰上死链接、不能回到起始页面或者要点击太多的页面才能找到期望信息等等。 信息设计包括信息组织和用户访问方式设计。它需要列出网络上所有信息的清单、组织这些信息并确定结构。 界面设计决定了网站的结构在网页上的画面效果。它包括所有有助于了解内容主题和访问方式的画面提示。它还包括选项的组合、颜色的选择、象征物的使用和网站导航系统中所有的按钮和工具的设计。 网站框图对于传达网站的结构和设计导航系统很有用。 一个好的导航系统必须能够解决这两个问题：“我到了网站的哪个部分”和“我可以从这里访问到什么内容”。 成功导航系统的关键是清晰、一致和高效。 最常见的导航工具是导航工具栏，一般位于网页的顶部（但有时候在页面的一侧或者底部）。 你可以使用搜索功能或者网站地图来弥补导航系统的不足。 发表于 十二月 17 2006, 11:00 下午 作者 vicwity with no comments 标签: 网页设计

• GIF & JPEG

  GIF  GIF是最适合保存含有单调色域的图片的文件格式。GIF的压缩特点就是寻找具有相同颜色的像素行并将其压缩起来的。 GIF可以进行交错处理、透明处理以及动画处理。 GIF文件使用含有256种颜色的调色板。 可以将GIF图片上的某一部分设置为透明。 预防色晕要比消除色晕简单得多。 优化GIF的方法：对图片使用单调色域、图片转换为索引颜色模式时尽量减少颜色数量、限制抖动、使用水平条纹。 网页调色板是216种颜色的集合。这些颜色在8位显示器上不抖动。设计GIF图片时尽量从网页调色板中选取颜色，以避免图片中单调色域出现抖动现象。 JPEG JPGE读作“jay-peg”。 JPEG图片设计须知： JPEG压缩格式适用于色调连续的图片。适用于平滑过渡的色彩和颜色模糊的区域，而不适用于鲜明的线条和单调的图像细节。 JPGE格式可以包含数百万种颜色（24位）信息。 JPEG是一种“有损耗”的压缩格式。 每次打开并重复保存JPEG图片时，你就会丢失更多的数据，图像质量的损耗是累积的。 不同软件对压缩率的解释不同，同等压缩率FW比PS的图片要小。 另一种减少JPEG图片容量的方法就是对图片的一部分或者整个图片进行柔化处理。 发表于 十二月 17 2006, 10:54 下午 作者 vicwity with 1 comment(s) 标签: 图像处理, 网页设计

• 网页设计准则

  《学习Web设计》（Learning Web Design） by Jennifer Niederst 是本很不错的书。该书第十九章网页设计准则，介绍了一些不错的网页设计建议。 通用的网页设计建议 保持你的文件容量尽可能小以便能够快速下载。 如果你无法确认网站用户使用什么样的显示器配置来浏览你的网页，应该按照屏幕尺寸为800 x 600像素来设计。 将最重要的信息放在第一个满屏幕区域。 将页面长度限制在两个到三个满屏幕区域内。 不要只为一个专门的平台或者浏览器设计网页（除非你能完全保证你的用户都是在这种配置下浏览你的网页的）。 不要使用过多的动画，特别是在那些希望用户阅读文本内容的页面上。 不要使用“网站”正在建设中标语。如果你的网站或者分页面还没有做好，就不要将其链接放在页面上。 文本格式化技巧 花时间校对网站上文本。 对相似的元素使用相同的设计，对重要的元素在视觉上要更加突出（如字体、空间、颜色），这样将有助于你保持信息结构的清晰性。 不要改变网页上所有文本的字体大小设置。你应该尊重一个事实，那就是每个用户都有自己的默认设置，这是根据用哪种字体大小使他阅读起来最舒适决定的。 不要将所有文本设置为大写。 不要将大量文本设置为斜体。 不要将文本同时设置为大写、粗体和斜体。 不要在没有必要的情况下插入换行符。 不要将字体大小SIZE指定为-2或更小。 不要使用<H5>或者<H6>标签。 图片设计建议 对图片中大多数文字使用边缘平滑处理（字体大小小于10的文本例外）。 将图片文件的大小保持在30K以下（除非是确实需要使用较大的图片文件）。 花时间消除透明图片周围的色晕。 不显示链接图片的蓝色边框线。 每个图片都要提供替代文本，当图片无效时就显示替代文本。 不要将图片制作的像按钮一样，但是不包含链接。 美观设计建议 不要使网页上任何内容都居中对齐。 不用混合使用对齐方式。 不要使用太多钟颜色。最好先选择一两种主流色和一种强调色，并在整个网站中坚持一直使用下去。 不要使用重彩的平铺背景图案 。 不要使用黑底白字，特别是对较大量的小字体文本。反差太强烈了，看上去很不舒服，难以阅读。最好选择一种柔和的颜色来反衬，例如淡灰色反衬黑色，或者淡蓝色反衬深蓝色。 发表于 十二月 15 2006, 10:12 上午 作者 vicwity with no comments 标签: 网页设计