Archive for the ‘UI Design’ Category

图片压缩优化,提高网站开启速度

对于一个网站而言,页面的开启速度是至关重要的。它不仅直接影响到该网站在搜索引擎中的排名参数,更为重要的是,会减缓访客的页面开启速度。本文主要讲解图片压缩优化对提升用户体验的优点及做法。

图片优化基本原则:

一、图片缩放
通常情况下,数码相机拍出的照片分辨率是用于冲洗照片所用的,在网上浏览不需要上传那么大的照片,既影响图片上传速度,又浪费下载观众的带宽,解决方法是上传图片前,用图片编辑软件(photoshop 或者 光影魔术手)压一下,500像素左右就可以了。

二、图片裁切
切图时尽量贴合图形区,避免空白区域占用文件大小。

三、图片输出
1. 使用photoshop的“存储为web所用格式”功能来输出图片。测试表明:输出某张图片为jpg格式,分别使用“存储为web所用格式”和一般的“存储为”,都压缩到50%,前者得到的图片结果为14.4kb,后者为47.1kb。
2. 在使用上述功能进行图片输出的过程中,对比jpg、gif格式下的文件大小,选择效果和大小较优的文件格式。一般情况下,色彩少的图片使用png-8、gif格式文件会小些,色彩渐变丰富的图片,则使用jpg会小些。
3. Jpg格式的图片,需综合对比压缩品质高、中、低下的效果,尽量选择效果好且压缩品质较低的选项,以达到获取较小文件的目的。
4. 对于无多通道透明需求的图片,避免使用png24位格式输出。

阅读全文 »

给分公司做的几款LOGO

公司目前只剩下一个设计师,明显忙不过来的样子,接到任务没再往外分,自己做了几款:

unibird_logo

Photoshop的水平翻转

有网友提到“我只想翻转一张图片,可我用水平翻转后却把所有的图片都翻过去了, 怎样只翻转一张?”
在这里谈一下图层的水平翻转。

photoshop中有两个位置可以进行翻转的操作,其中一个是“图像==>旋转画布==>水平翻转画布”,这样操作的话,会把所有的图层整个翻转过去。我们这里选用的是“编辑==>变幻==>水平翻转”

效果展示及实际应用方法:

1.打开素材图:
flip_horizontal01
阅读全文 »

LOGO诞生记

晚上跟小宝一起做山寨网,一开始准备使用“猫跳跳”的域名MaoTT.COM,……

maott_logo

结果被这家伙给否了,说俺的猫太丑……
然后考虑使用BSsina.COM的域名,更山寨,结果又被否了……

bssina_logo_temp

最后,弓虽到变态地步的强大LOGO在小宝直接授意下,诞生了……

bssina_logo

小宝的原话是:我喜欢那砣大便

Illustrator钢笔使用功略

Page 2 of 3123
崔凯的博客
Powered by WordPress | Theme by ck web design | TOP 顶部
Copyright © 崔凯的博客 All rights reserved. 京ICP备09029324号.