摘要:Photoshop是当前最为出名的图像处理软件之一,在图形图像及输入输出方面表现精确而细致,不但在数码照片处理、广告摄影、视觉创意、平面设计、艺术文字和建筑效果图后期修饰等领域广泛应用,而且在网页设计方面也有出色表现。本文主要介绍Photoshop在网页设计中的应用情况,希望能给网页设计者提供些许参考。
关键词:Photoshop;网页设计;布局;色彩
近年来,随着信息技术带来经济社会的高速发展,已经迈入了互联网+的新时代。无论是电商、微商,还是企事业单位,网站、网页都成为了解信息和热点的主要窗口。日常办公、购物、交流、阅读,都离不开悦目、友好的界面。网页设计环节迅速被重视起来。而Photoshop在界面和创意设计的优异表现,让Photoshop备受青睐。
1网页色彩应用
1.1色彩模式介绍
在网页设计时,比较常用的色彩模式有两种:RGB颜色模式和索引颜色模式(也称Indexed颜色模式),几乎所有的网页图像都是在RGB颜色模式下开发出来的,这种模式非常适合显示器等投放设备显示。而索引颜色模式下的文件只有8位色彩深度、256种颜色,有效控制图像文件的大小,非常利于网上传输,但不适合颜色丰富的图像。
1.2色彩搭配原则
色彩搭配是专业性较强的工作,除考虑网页自身特点外,还要遵循一些设计原则。要达到对比强烈、鲜明,可以采用高明度和高纯度的色彩刺激视觉,适用于餐饮行业,麦当劳、肯德基等跨国连锁餐饮公司就是典型案例之一;要达到特别的感觉,可以采用黑色和金色搭配,会备感高贵,如略加深红或者紫色,更添柔美质感,典型案例:法国兰蔻、雅诗兰黛和香奈儿等世界知名美妆品牌;欲舒适协调的效果,可以优选蓝色或者粉(红)色,蓝色体现理性与专业,粉(红)色正好凸显浪漫与唯美,典型案例:大宝、相宜本草等品牌;而艺术风格,多追求最原始的元素表达,如水墨、粗布、老城墙等,立足传统而打破传统,大胆创新。
1.3配色能力培养
首先,学习网页色彩搭配理论和应用技巧。其次,有针对性地鉴赏、模拟色彩功能划分明确的知名案例。最后,要善于观察生活,体会细节,丰富阅历。
2网页布局和构成
在使用Photoshop设计网页时,视觉效果好不好,还要考虑网页元素的合理布局和结构设计。
2.1网页布局
网页布局实际就是首页和其他页的结构形式,一般来说,主页和其他页的布局形式是不相同的。页面的主题和内容决定采用何种布局形式。常见结构有通栏(一分栏)、二分栏、三分栏和四分栏,四分栏相对少见,适合局部应用。分栏式的布局相对规范,中规中矩,缺乏创意,适合政府、学校、企业等方向的网页设计。还有区块化型、四方型、T型、全图封面型及框架型,而最终的布局选择,还要取决于设计的主题和具体内容。
2.2网页构成
众所周知,无论物体结构如何,都是由基本的点、线、面组成的。页面上元素的视觉效果也是如此,点元素形状不固定,既可以是规则排列,也可以不规则排列。点有集中、吸引视线的作用,适用于表现节奏感和聚焦感。在Photoshop画图工具里,各种笔触样式极为丰富。线的种类有很多,如直线、折线、曲线、几何线等;直线象征平实、挺拔、平稳和速度;曲线则给人平滑、柔和、优雅和婉转的感觉。在Photoshop的工具箱里,有专门的绘制直线的工具和编辑曲线的工具。大量的点和封闭的线组成网页中的面,在Photoshop中,无论是圆形、方形,还是不规则形状都可以轻松绘制出来,并加以编辑修改。将点、线、面叠加使用时,面会成为视觉的中心,点和线则起陪衬和修饰的作用,视觉冲击效果一强一弱,产生强烈的对比和空间感。
3网页文字和图像
3.1网页文字
文字是网页上重要元素之一,它首先是信息主要载体,其次是文字的颜色、外形和结构等产生的视觉效果。在网页上的文字大概分为两类:信息类和特效类,信息类文字以传达信息为主要任务,对文字效果要求不高;特效类文字则是视觉表达效果和信息载体结合的产物。我们希望在表达信息的同时,也考虑装饰、点缀一下网页,那么就可以对文字进行特效处理。文字颜色方面,高对比度的文字色彩和背景颜色,使阅读较容易,识别度高,通常柔和的背景色搭配深色文字,深色背景则适合浅色文字,这样看起来更自然、舒服。
3.2网页图像
图像是网页元素中重要的视觉语言,它直观、生动、容易理解。目前网络上主流图像格式有:PNG图像、JPEG图像和GIF图像等,各自都有不同的特点和适用的范围。Photoshop在处理纯色、渐变色、图片方面表现出色,如网页中渐变背景色,使网页具有柔和、自然之美,增加了立体感。大幅图片的网页设计表达形式,往往给人一种艺术气息和较好的视觉效果。
4UI设计应用
UI即UserInterface(用户界面)的简称,指人机交互的定制界面,实现操作快捷、界面美观的整体设计。好的UI设计不仅个性有品味,而且操作的时候更舒适、简单、友好。根据主题内容,使用Photoshop设计出效果图,最后使用“切片工具”把图像进行合理的分割。生成客户所需界面的过程,就是UI设计。UI设计也广泛应用于软件、游戏开发等领域。
5结语
Photoshop立足于图形图像处理技术,功能完善而强大、效果突出,在网页视觉效果设计中发挥着重要作用。那么,掌握Photoshop处理手法及色彩使用技巧,充分发挥想象空间,善观察、品味生活,敲开创意思维之门,是每一位设计者的必经之路。其难点不是Photoshop如何使用编辑,而是怎样把好的创意淋漓尽致地展示给观众。
上一篇:网页设计与制作课程教学