1.主题案例五:网页基本视觉元素分析与制作技巧
视觉元素之一:网站导航分析
网站的导航条可以引导浏览者迅速地找到有用的信息。自前在网页设计中,导航条的形式很丰富,最常见的是在网站中所有网页的上方放置菜单条。其他常见的形式还有比较随意的,如图2-47所示;表现另类个性、追求特殊艺术效果的,文字与图形相结合的。在设计过程中,我们应依据网站风格与内容的需要合理地设计导航条的形式。如需要特殊艺术效果的导航形式,则可利用Photoshop软件进行图片化处理。
这两种导航及背景都体现了Photoshop软件中画笔工具的艺术处理效果。画笔效果的制作过程简述如下:
将图片转到通道面板,新建通道Alphal;
利用套索工具在通道里画出所需形状,并填充色彩;
运用滤镜"画笔描边"中的"喷色描边",设置效果参数;
回到图层,打开"选择"菜单下的"载入选区”,继而选择通道"Alphal",填充相应色彩即可。上述提示仅为大致过程,学习者在设计操作时可反复试验,注意细节处理,直到实现网站理想的视觉效果。
(2)视觉元素之二:网站标志分析
网页标志是网站独有的传媒符号,一般出现在站点的页面上方,是网站内涵的集中体现。网站标志最重要的作用是传递网站的定位、表达网站的理念,便于人们识别,它广泛用于网站的宣传等。一个富有视觉冲击力的网站标志设计,会直接影响浏览者对网站的判断,特别是网站推广。标志设计追求的是:以简洁的符号化视觉艺术形象向人们传达网站的主题和理念。
网站标志的设计手法很多,例如:表象性手法、表征性手法、借喻性手法、标识性手法、卡通化手法、几何形构成手法、渐变推移手法。在实际运用中,标识性手法、卡通化手法和几何形构成手法最为常用。
标识性手法是指用网站名称文字或拼音字母的符号来进行设计的方法。卡通化手法是指通过夸张、幽默的卡通图像来设计标志的方法,几何形构成手法是指用点、线、面等形式语言来设计标志的方法。
2.主题案例六:网站页面设计分析与制作技巧
星巴克咖啡中国网站页面设计分析与制作技巧
网站为星巴克咖啡中国网站。首先,这一网站的布局形式符合其主题需要,标志元素出现在每一幅页面上,以突现主题。其次,页面以实体店场景为背景,体现网站的性质。浏览者的鼠标经过相应的导航元素,场景便会随之改变。人性化的设计将浏览者带入到一个逼真的虚拟环境中,趣味性十足。网站背景采用了富有肌理效果的底纹,使网站具有独特的色彩味道。当网站的整体版式风格形成后,在页面下方放置卡通元素加以细节处理,使画面丰富、有趣、不呆板。
(2)星巴克咖啡韩国网站页面设计分析与制作技巧
利用Photoshop制作具有“烧纸边缘效果”的背景底纹的操作小技巧有:使用套索工具绘制边缘带齿的不规则图形;进行快速蒙版的操作;选择区域的加减操作;高斯模糊滤镜的应用;色调/饱和度校正的设置。
上述提示是制作的大概过程,学习者在设计操作时要注意细节处理,反复尝试。