豆汤的天空

某日感慨,匆匆写下此文.

===============================

从近7年的软件UI设计转为做网页设计，是我今年的一件重要决定之一。不为别的，只是希望能在7年的沉淀之后，从另一个方面给自己更多的动力，能够更加全方位的来看待基于电脑应用的设计工作。我相信，两者之间的设计思维是有一定的互补性的。

现在设计也差不多告一段落，作为一名网页新手，谈不上有多高的成就感，甚至，也自觉很多地方还很不足。但有些体会是应该写出来自我总结鞭挞一下的。

1．   最基本的页面大小定义、一屏显示问题。参考了很多同行网站，我们最后定的宽度是950像素，主要为了适应1024*768这个主流分辨率。但是，在实际进行中，我们忽略了一个很重要的问题，那就是页面内容一屏显示下的效果：我们没有及时而明确的提出一屏显示内容的要求，也没有对一屏大概多高作具体定义——现在浏览器有很多种，其窗体自身占用的高度有较大的差异，那么定义一个通用的一屏尺寸，作为所有的设计师设计一屏以内内容的统一标准，是很必要的。这个疏漏导致的最后结果是：我们用1280的显示器作出来的页面，在1024下要么重要内容被窗体下边缘骑缝、要么元素的比例太大，看着不够舒适。只有在开发实现后又来测试、改进。

2．   图片输出的大小需要有效控制。我们都知道网页流量是很宝贵的，图片越小下载速度越快，用户才有耐心来访问。但是，刚开始，我们所有设计师的输出都没有明确的要求，对于大小、格式主要靠各自的兴趣，jpg或gif都随意，甚至后来我们还查到有一张不透明的大图输出为png格式占了90多K的现象；有时候，还会收到开发人员的干扰，如某种且图形式会导致图片较大，但开发起来却很方便，所以开发人员大多推荐能更快完成功能的切图形式，而设计师也会更多的迎合开发人员的切图要求。但是，到了测试阶段，问题就来了：网页访问速度慢，图片占用空间较大，只有重新考虑图片优化。
于是，后来订立了几条图片优化的原则：

一、图片裁切

1)        切图时尽量贴合图形区，避免空白区域占用文件大小。

2)         部分可以做背景图片的，尽量采用样式 background-repeat: repeat 来重复相同数据。

二、图片输出

1)        使用photoshop的“存储为web所用格式”功能来输出照片
测试表明：输出某张图片为jpg格式，分别使用“存储为web所用格式”和一般的“存储为”，都压缩到50%，前者得到的图片结果为14.4kb，后者为47.1kb。

2)        在使用上述功能进行图片输出的过程中，对比jpg、gif格式下的文件大小，选择效果和大小较优的文件格式。
一般情况下，色彩少的图片使用gif格式文件会小些，色彩渐变丰富的图片，则使用jpg会小些。

3)         Jpg格式的图片，需综合对比压缩品质高、中、低下的效果，尽量选择效果好且压缩品质较低的选项，以达到获取较小文件的目的。

4)         对于无多通道透明需求的图片，避免使用png格式输出。

3．   保证创意、快速交付的设计。网页设计，尤其是一些宣传栏目设计，通常挂上的时间短，所以更讲求视觉的新鲜感和刺激感，而不像软件界面，会很强调持久耐看。因此，画面的构图和色彩感受可以根据业务方向而设计得更加绚丽跳跃一些。这同时也要求设计师有更多的灵感，同时，因为网页设计通常要求方案快速提交，所以，为了保证这个效率，很多想法是来不及原创图形的，这时，日常积累的丰富素材就大大地派上用场了——所以，作为网页设计师，你需要做一个绝对的有心人，看到什么好的设计创意就要记下来，看到好的素材，就要收集起来。多看别人的好设计，并不是要你抄袭，而是要站在巨人的肩膀上，学习、发挥，点醒你的灵感；这样才能拿出更好的创意来。当然，如果你是一个大师级的网页设计师，那就另当别论了。

4．   保持你丰富的色彩感受和设计思维。长期为某公司做商业网站，就跟长期做UI设计一样，会使你的思维总是围绕着你的受众和特定业务来转，时间久了在用色思维上就会不自觉中产生局限思维。所以，需要经常做一些发挥自我特性的设计，比如画色彩、创建个人网站搏客什么的，来丰富自己的设计思维和色彩感受。

5．   设计师的能力发展方向：待续

秦牧楚 说:

今早梦见你了

豆汤玮 说:

是啊是啊我也梦到你了，梦到我们抬了好大一块钱回家，估计有一个立方横切掉一半那么多，五百万阿

秦牧楚 说:

赶紧去买彩票！

豆汤玮 说:

唉，梦里体会到了，有了五百万虽然好，可却有坏人追，追着你要分钱

秦牧楚 说:

没关系，分了也不会少啊！

豆汤玮 说:

我当时想，各他们多少呢？一人十万，估计打发不掉，一人五十万，那就一下去了两百万，又心痛，哈哈

秦牧楚 说:

笨笨啊！先拿到钱再说！

秦牧楚 说:

一定要去买彩票哦！

豆汤玮 说:

钱已经拿到了啊，我们俩累累的搬回去的

秦牧楚 说:

好

豆汤玮 说:

不过搬回去的那个地方不是咱们家，装修有点像个宾馆，有大堂

秦牧楚 说:

周公托梦给我们，你不能不行动啊！

秦牧楚 说:

别墅

豆汤玮 说:

看来我财迷心窍了

秦牧楚 说:

发财的先兆

豆汤玮 说:

说不定是失财的先兆呢，哎呀不会我不在家家里被抢劫了吧。。。。

秦牧楚 说:

哈哈

秦牧楚 说:

先去买彩票再回家看看

秦牧楚 说:

hah

秦牧楚 说:

http://club.book.sina.com.cn/yuanchuang/chapter.php?id=290293

豆汤玮 说:

他们追我们，我们从一个怕有四五米的地方跳下去，下面有几棵好高的椰树，我们顺着那个下来的，好像是逃掉了

秦牧楚 说:

那是！谁抓得住我们

豆汤玮 说:

后来看到一片湖，泛着波光，很清澈的水风阵阵

豆汤玮 说:

有人在那湖里洗食物，我一看，就说哎呀这湖水好干净啊一定是活水

豆汤玮 说:

后来感觉这个湖就是在去我婆那个湾子的外面，很大很大的湖

豆汤玮 说:

后来看湖边荡漾着一点点漏出湿湿沙滩的痕迹，我们就从沙滩走过去到婆那里去了

秦牧楚 说:

说明另有一番天地！

秦牧楚 说:

想家了

豆汤玮 说:

婆在屋里坐着，那个屋子好像也是土屋，但不是这个，屋里东西好少的。屋子一角有一个几块土推起来的小灶，大概不高30厘米高，里面有火，上面烧了一壶水

豆汤玮 说:

我去提哪壶水，结果那个柄不结实，好像是铁丝做的，不结实，提断了。

秦牧楚 说:

没烫着吧

豆汤玮 说:

没有，壶根本没提动，呵呵

后来没管它，我就看那屋，婆坐的地方后面是床。我就想，咦，我们可以在床底下的墙里挖一块砖下来把钱藏进去，再把墙堵上

秦牧楚 说:

哈哈，小财迷

豆汤玮 说:

但又想，万一有人来拆房子看到这块砖缝的水泥是还没干的，那不就被发现了吗

豆汤玮 说:

哈哈，我也觉得我八成是财迷心窍

秦牧楚 说:

接着说

秦牧楚 说:

豆汤玮 说:

后来就想戴慧他爸当年也是把钱埋在床底下的土瓮的，才免于被偷的

豆汤玮 说:

再后来，就不记得了，好像醒了

豆汤玮 说:

哈哈做了一夜财迷梦

秦牧楚 说:

看来钱还是保住了

豆汤玮 说:

哈哈

豆汤玮 说:

好像前面还有梦到你妈你第他们的，不过不记得具体事了

秦牧楚 说:

hah

回家后狂买彩票。哈哈哈