每次我在做网页设计之前,都会做些准备工作。其中的一项就是画个草稿。
对于设计样稿,我没有专门学过什么。在最初喜欢上页面设计之后,我不知道如何开始,一直在想,怎么样画草稿呢?也没有搜索过什么教程之类的,但有次好像听到过用Photoshop来画,于是我就开始学习这玩意了。
我也看过别人在纸上画草稿的,但我没有做过。虽然有些艺术效果,但和实际效果差距很大,也不好修改,形成网页效果最终还是要通过制图软件完成。但在纸上画个大概的结构和颜色搭配,再用Photoshop来实现效果也是个好办法。
为了省事,我就直接在Photoshop上画了,不好,就删掉再重新建一个文件就是。
用Photoshop画设计样稿有几个好处。
首先,对于各方面的修改和调整非常简单而效果一目了然。
其次,Photoshop本身的强大功能可以达到各种想要的效果。草稿定稿后,即从草稿输出各个页面元素。
第三,充分利用软件中的创建新图层功能。无论用它来做其它方面的图片处理还是画设计稿,一定要善于和习惯创建新图层。这不光是起到保护设计中的其它部分的作用而且还非常方便修改。当你对页面的某一元素或部分有几套设计方案时,除了创建新文件,还可以通过创建新图层来实现。在不同的图层作出不同的设计方案,隐藏一个,显示另一个,你就可以容易看到孰优孰劣。
第四,利用好图层组。将某一局部的相关设计图层安排到一个图层组中,比方页面头,有背景,logo等元素的相关图层,把它们放到图层组后,就方便识别和管理了。
事实上,我不是Photoshop行家,只会一点基本的使用。我用这点有限的基础尽量使页面好看点。
在Movable Type的模版设计中,我也是用Photoshop完成草稿的设计。去年设计的“足彩博客”,后来我不满意,撤下来了,觉得与主题不相称,缺乏一点喜气。上个星期重新画了个草稿。感觉好像是活跃了点。到目前为止,还只是草稿,很多细节还没有画,更没有来得及写html和css。顺便把前几天画的PSD文件传上来,给不熟悉的朋友做个参考。若是不幸被高手看到了,一定得好好批批。



看來眾人的呼喚起作用了。
其实用PS做设计是我最想学的,杨兄能否配合一个实例讲的深入一点?
每次都是面对一堆代码,一边改一边看效果,那种感觉太差了,可惜就是不太会PS,很惨啊。
你上传的 psd 档有问题,打不开?
Leavic, 好啊!回家了吧?接下来我得好好把前段时间的缺失补点回来。
Sparanoid,你提醒我才发现那个文件坏了,可能是我压缩出了错。还是不压缩了,就是有点大,1.5M。
呵呵,记得以前我用firefox做
做完了就切片,把白色的留作文字的内容全部删除
可惜那样总是有好多的表格。ps只做大幅的图片才用
我觉得firefox还是方便点。
掌声鼓励!
上半年我可能有空会去上海玩儿,到时候找你玩儿。^_^
好,你来了上海我请你喝酒!
老杨阿!拜个晚年了,在家不能上网,不是很方便了。“猪”事大吉!
你终于过来写东西了。
我试了leavic提到的phproxy,效果不错:
http://www.5izy.cn/poxy/
现在可以正常访问http://en.wikipedia.org/wiki/Main_Page
...支持
我用golive+photoshop
回3楼信息!PSD没有问题,可以下载
你这个psd算不上完整的PSD,很多图层都是已经被合并过了,效果的制作都没有来路了:(
1.5M已经是很小了,我弄的PSD基本超过20M,不过都是在PS照片的时候。
稍稍帮你改了下,做个参考吧。
预览: http://www.shadowsky.cn/image/2007/other/zucai.jpg
有兴趣可以看看修改过的psd: http://www.shadowsky.cn/image/PSD/zucai-2.psd
无意从小勤勤那过来的,问候一个。
Photoshop也可以直接输出的啊,你可以直接把它输出,它会自动把图片裁剪成一块一块的,以适用于网页