CSS and XHTML: February 2007 Archives

Photoshop设计草稿

| | Comments (14) | TrackBacks (0)

每次我在做网页设计之前,都会做些准备工作。其中的一项就是画个草稿。

对于设计样稿,我没有专门学过什么。在最初喜欢上页面设计之后,我不知道如何开始,一直在想,怎么样画草稿呢?也没有搜索过什么教程之类的,但有次好像听到过用Photoshop来画,于是我就开始学习这玩意了。

我也看过别人在纸上画草稿的,但我没有做过。虽然有些艺术效果,但和实际效果差距很大,也不好修改,形成网页效果最终还是要通过制图软件完成。但在纸上画个大概的结构和颜色搭配,再用Photoshop来实现效果也是个好办法。

为了省事,我就直接在Photoshop上画了,不好,就删掉再重新建一个文件就是。

用Photoshop画设计样稿有几个好处。

首先,对于各方面的修改和调整非常简单而效果一目了然。

其次,Photoshop本身的强大功能可以达到各种想要的效果。草稿定稿后,即从草稿输出各个页面元素。

第三,充分利用软件中的创建新图层功能。无论用它来做其它方面的图片处理还是画设计稿,一定要善于和习惯创建新图层。这不光是起到保护设计中的其它部分的作用而且还非常方便修改。当你对页面的某一元素或部分有几套设计方案时,除了创建新文件,还可以通过创建新图层来实现。在不同的图层作出不同的设计方案,隐藏一个,显示另一个,你就可以容易看到孰优孰劣。

第四,利用好图层组。将某一局部的相关设计图层安排到一个图层组中,比方页面头,有背景,logo等元素的相关图层,把它们放到图层组后,就方便识别和管理了。

事实上,我不是Photoshop行家,只会一点基本的使用。我用这点有限的基础尽量使页面好看点。

zucai zucai-

在Movable Type的模版设计中,我也是用Photoshop完成草稿的设计。去年设计的“足彩博客”,后来我不满意,撤下来了,觉得与主题不相称,缺乏一点喜气。上个星期重新画了个草稿。感觉好像是活跃了点。到目前为止,还只是草稿,很多细节还没有画,更没有来得及写html和css。顺便把前几天画的PSD文件传上来,给不熟悉的朋友做个参考。若是不幸被高手看到了,一定得好好批批。

About this Archive

This page is a archive of entries in the CSS and XHTML category from February 2007.

CSS and XHTML: October 2006 is the previous archive.

Find recent content on the main index or look in the archives to find all content.