产品设计、交互设计、Web前端开发、生活思考……
看到石头空间里这篇日志，又煽情了一把，谢谢这些照片，谢谢这些文字，决定转过来，不介意我转过来吧，石头？
谨已此文纪念那些逝去的日子
直至现在，我还是无法忘记，那些人，那些事，那时的童话还有消散的烟花
那年，你我的相遇一定是有一种魔咒，让你们在我心中驻守
现在的你们还会想念这段难已忘却的时光吗？
那一年，我们是从这里开始，一年后，我们在这里结束
在一起的日子里，我们总是把加班当成乐趣，窗外的夜在深也不愿回去
这些日子来，慢慢的已经习惯了没有你们的日子，习惯了没有你们的会议室，习惯了没有你们的办公间习惯了这个社会的冷暖，你们，是否也一样呢？
今天起，我会用在互联网上用“我de艾蜜莉”这个昵称，开始新的互联网旅行，你问我什么含义？没太多含义，只是因为我觉得自己的生活和《天使爱美丽》中女主角艾蜜莉的生活细节很像，有些神经质，喜欢无聊时拿别人取乐，喜欢默默去影响身边的人……
今天也是我回长沙再重返上海之后新生活的第一天，不再整天面对“她”，决心找更多的“朋友”，今天的朋友是《长腿叔叔》。很不错的夜晚，做了很多事，看了很多人，离开“她”的生活原来如此美好，唯一的遗憾就是 KFC 的阿姨为什么不让我听完最后那首歌就打烊呢，郁闷。
[......]
看到Angle’s写的关于朋友的日志，我也细细数了数我的朋友，真该谢谢一下，今天小璐子也在space里开始写告诉我的话了，看了，很感动，她还记得这是第五个念头了，2003年的我还在她对面窗台傻傻看着她，呵呵，一晃快5年了，我们都长大好多。
走入社会之前，都没顾及过过往的朋友，除了小学转学后还会经常去和我快乐度过小学一年级的那个兄弟家串门外，每个时期都在和身边的朋友混在一起，不过串门也没有坚持多久，还是疏远了。
现在，不知道是环境的变化，还是成长的缘故，特别在乎过去的每个面孔。你们，现在都还好吗？
[......]
你现在看到的是我对近学习标准化网页设计几个月的一个测试结果。
这次我力争将内容与样式分离及考虑到尽可能多的重用性，在图片压缩上也花了很大功夫，但最终因为设计稿在制作的过程中没有考虑到的一些原因导致某些图片压缩效果不够理想。不过总体来说我自己对这次的作品还是很满意的，还希望前辈们给我泼泼冷水。^_&
以下总结一下这次项目
过程中的一些心得：
第一，等对整体有个了解后再开始。随说现在的网页设计已渐渐趋向于根据内容及结构出发来设计页面了，但不可否认大部分人还是在根据设计师给我们的的 psd 上去实现的过程中。因此这次对于整个网站框架的设定是等了 3 个页面（首页，分类导读页，内容页）设计稿出来之后才开始的，这样能在对整个网站有更全面些了解的基础上去考虑问题。
第二，在对图片进行压缩的过程中有些小技巧的发现。对于色彩使用不多，渐变较少的图片压缩时，可以尽量选择 png8 的方式进行导出，当然在使用的颜色模式上根据具体效果进行调整，你会发现文件大小会比同等效果的 gif 小很多。然后就是对于透明 gif 及 png 图片的导出，往往会出现锯齿，特别是文字，这个时候可以尝试两种方式：1.如果欲导出的图片在要使用的地方背景是单色的或者颜色不多变，可以在导出的时候在杂边处选择和背景一样的颜色即可，通畅会好很多。2:如果导出后的图片是要用在背景色变化比较大的背景图片上面时，你可以考虑给图片加上一像素的阴影，这样即可防止锯齿的出现。
第三，对于多出使用的一些背景图片，最好能在同一张大图上进行制作，然后通过 background-position 属性来定位到要使用的背景位置，这样第一可以防止鼠标滑动效果时可能因为网速问题导致的短暂空白现象，第二可以很方便的对网页整体效果进行调整，只要对这张背景图集合图片进行如饱和度等下调整即可改编整个网站的风格，减低了改版成本。
div.box_top { background-position:top rightright; padding:4px 0 0 4px; } div.box_top h2 { background-position:top left; margin:0; padding:0; } div.box_inner { background-position:bottombottom left; margin-right:4px; padding:0 0 4px 4px; } div.box_inner dl { border:1px solid #cad3e2; } div.box_inner dl dt { position:relative; background:url(../images/bg_common.png) repeat-x 0 -20px; font-size:12px; height:25px; line-height:1.8em; padding:0 10px 0 18px; color:#666; } div.box_inner dl dt em { position:absolute; top:-2px; rightright:10px; font-style:normal; font-size:9px; } div.box_inner dl dt span { color:#c00; } div.box_inner dl ... 展开阅读
Recent Comments