网页设计理论知识
以下就是网页设计理论知识等等的介绍,希望为您带来帮助。
网页是向网站访问者传达信息的人机交互界面,是网站的重要组成部分之一,是网站中的信息载体。网页以超文本和超媒体技术为基础,通过超文本技术可以在网页中嵌入超级链接,在浏览器中通过单击网页中的超级链接即可跳转到存储于其他任何地方的网页。
1.网页的功能即信息传递功能和信息的交互功能。
2.网站的分类:根据网站的性质我们可以把网站分为几大类,门户类网站,游戏类网站,搜索类网站,企业类网站,电子商务类网站,政府、组织类网站,个人网站。
门户网站:为访问者提供一站式的服务模式以及提供全面、综合网络信息或专业的网络信息等功能的web网站。门户类又分综合类门户网站和专业性门户类网站。综合类门户网站最大的特点是可以对庞大的信息进行整合,分类,是访问者能从中找到所需要的信息。这类网站在网站首页中提供了搜索引擎,电子邮件服务,聊天室,娱乐资询相关下载等服务功能,更对各种不同类别的的信息内容进行分类。专业性门户网站的特点是为那些在某个领域或行业具有专业性和权威性的企业提供信息发布平台。这类站点是为专门研究某个领域的访问群来提供专业信息,规模不一定很大,但信息针对性非常强。
游戏类网站:商业性网站中最富有活力的网站类型之一电子游戏在网络娱乐服务中有着巨大的市场空间。也最具有市场价值。
搜索类网站:以提供搜索功能为特点。访问者在搜索信息时,只要输入所要查找的信息的关键字,搜索引擎就可以把它与关键字有关的信息查找出来供访问者选择。
企业类网站:为宣传企业产品,展示企业形象,提供在线服务,发布企业信息等目的而建立的网站。
电子商务类网站:从分利用网络多媒体技术,可以让访问者从网站了解所需要购买物品的性能,价格信息。特别是网站中的商品可能因为进货渠道或销售方式等与实体购物市场不同,所以在价格上有更大优势。
政府类网站:主要以个人以及企业为服务对象,以为民服务,方便百姓办事提高行政办事效率为目的,提供权威的政府信息发布,行政服务和便民信息查询。
个人类网站:制作者根据自己的兴趣爱好而设计的网站它包括信息发布型和个人形象网两大类信息发布个人网站的信息内容丰富,制作者需要花大量的时间和精力,在资金上有较多投入网站建设者需要懂得网页制作,html语言,图形处理,网页发布等相关技术。
网页设计之色彩学问
网页设计涉及到的技术至关重要,它实质上更多的是一门艺术。出色的网页设计能够给用户留下深刻的印象,包括整个页面的布局,图片展示以及内容编辑等,都影响着用户对网页的评价,但是所有的网页元素设计都离不开色彩的搭配学问,因为网站的整体格调,版面效果等是由颜色决定的,也是用户产生视觉共鸣的第一要素。
我们经常所说的一个新颖充满创意的网页往往不是因为它真的有多特别,而是因为它用色彩搭配改变了人们对它的整体印象,带给用户的视觉冲击力极强引起的惊叹。有时候,光有一个不错的设计形态是很难得到用户的肯定的,只有用色彩方案赋予网页该有的品质才是一个好的网页设计。
色彩搭配虽然是一种抽象的东西,但它对于网页设计来说并不是那么困难,相信大多数用户对某种网站的主题和颜色的印象已经形成了一种定向,搭配起来容易得多。即使没有足够的理论知识和经验,甚至是色感,只要遵循以下几个方面,就可在网页上运用自如。
网页配色选择
用户对颜色的认知绝大多数是类似的,无论是哪一类的网页,如果太过花哨不仅不会带给用户视觉的享受,还会干扰视觉,那么很明显,网页在显眼的颜色方面配色最好不要超过三种,以免造成页面视觉体验的混乱。
许多人认为不懂颜色搭配,就应找专业的颜色搭配来参考,从网络上搜集大量的配色工具来帮助设计,事实上这种方式会阻碍配色思维的发挥,甚至被误导。
对于主色,只要选择色相差异明显的,在对比色、临近色、冷暖色调之间能够达到互补就可以了,或者在自己选择好的主色中参考类似网站案例,就可以简单完成配色。
灵活运用色调变换技巧
在选择的颜色当中,善用透明度、柔光,颜色加深等方法来调试颜色的搭配,哪怕只选择黑白色,也可通过这种方式让颜色看起来不失光彩。
给颜色加上特效
颜色特效包括阴影,扭曲渐变,高光,线条映衬等,注重颜色的细节往往还是配色的成功之道,颜色种类尽管单调,但在特效上运用得当,也能彰显网页艺术特性。
当然,在网页设计选择色彩之前,一定要先综合考量网站的特性,前期工作固然不可忽略,免得最终设计的效果与用户的期待不相符,造成用户体验不佳的结果。
说到这个,也即是网站的定位和受众目标的考虑,例如:科技类的网站用户印象中都是充满神秘的,那么黑色,蓝色估计是比较容易接受的网站风格,最好迎合用户的认知习惯;再如,生态环保类网站,用户可能首先想到的是绿色,那就不能选择出入太大的颜色作为主色调。
网页设计配色学问,说难不难,说其容易也不简单,选择对的颜色搭配或许是成功的一半,它能抓住用户对网站的第一感觉,传递信任感,让用户更容易记住。
网页色彩搭配的技巧
文章写到这里,有心急的网友要问了:"到底用什么色彩搭配好看呢?你能不能推荐几种配色方案?"别急,这里有一点技巧,可以帮助你迅速成为调色大师:)
1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。
2.用两种色彩。先选定一种色彩,然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。
3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。确定色彩的方法各人不同,我是在photoshop里按前景色方框,在跳出的拾色器窗中选择"自定义",然后在"色库"中选就可以了:)
4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很"跳"。
在网页配色中,忌讳的是:
1.不要将所有颜色都用到,尽量控制在三种色彩以内。
2.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容