网站首页设计有什么标准?
1、颜色匹配
首页对用户来说是最具吸引力的。因此,主页设计标准必须有明确的主题和吸引人的色彩。最后,颜色要统一,属于同一色系。不超过三种颜色。如果颜色过多,会导致人们审美疲劳,从而失去一定数量的客户,导致PV下降。
2、在主页的设计中,要注意细节,细节决定了网站的成败
细节的数量将是令人耳目一新和愉快的。在美化我们的网站的时候,我们应该尽力去提炼每一个小细节,不要认为图片的每一个小角落都是不重要的。如果你不注意你的界面的小细节,你的访问者将有理由认为你的内容不好,这对你的网站不好。
3、首页内容丰富
首页列的数量可以大大提高你的域名质量。另一方面,来自主页的流量在整个网站中占有绝对优势,所以优化主页丰富度也是SEO的一个必要优化要求。
4、网站设计应遵循行业特点,有自己的风格
网站主页设计标准应符合行业特点。一个网站就像你的衣服,它有自己的风格和个性。但这种个性需要与一个人的身份工作相匹配。同样的网站也应该适合你的行业。例如,娱乐网站擅长使用橙色,科技网站擅长使用蓝色,政府门户大多是红色的。
一、网站首页的必要元素虽然首页元素根据企业性质的不同会做改变,但是基本的页面元素必须要具备。如:导航栏、LOGO、Banner、按钮、图片、文字。1、导航栏导航栏如果设计得恰到好处,是会给网页本身增色很多(千万不要太花哨,它属于功能物件,喧宾夺主就不好了)。导航栏有一排、两排、多排、图片导航和Frame 框架快捷导航(民主湖论坛就是这种)等等各种情况的设计。有时候是横排,有时候则是竖排。另外还有一些动态的导航栏,如很精彩的Flash导航。2、LOGOLOGO是网站为了给大家一个比较直观的信息的表达工具。网站的LOGO,一般以静态的居多,也有动态的,但是LOGO的特点都是在表达网站的信息,是一个网站的直接的表现窗口。3、Banner是网站的广告展示,对于引起用户注意和记忆、增强画面效果有重要作用。4、按钮网页中的“用户登录”、“登录按钮”“More按钮”、“个股推荐”等等类似物件,通常都统称为按钮。它是引导用户进入其他页面的一个重要端口。
二、网站首页的整体规划对网站首页设计的整体要求体现在:1.有共性,才有统一,有细节区别,就有层次。2.防止设计与实现过程中的偏差,不要定死具体要放多少条信息。3.设计的各部分,要配合整体风格,夸张一点好像VI。4.不仅页面上各项设计要统一,而且网站的各级别页面也要统一。5.页面要“透气”,就是信息不要太过集中,以免文字编排太紧密。6.不要有太多分散注意力的点。动态闪烁要适中。7.页面留白部分,要根据平面设计原理来设计,请注意,分栏式结构不宜留白。8.还要考虑到浏览器上部占用的屏幕空间,防止图片截断等造成视觉效果不好。9.首页设计图片+导航,这是一种比较强的网站表达,可以根据时间的变化更改图片,一般用在专题网站上,如民主湖电台,还有很多公司的网页。
三、对网站首页功能易用性的要求任何网站都要把这个问题放在第一位。不过大家请注意以下几点:1.导航栏应最先调入,以便常客快速前往所需信息空间。2.页面长度要短,使得用户在信息空间内可迅速移动。3.导航设计方向要一致。支持导航的层次按钮应当从上到下或从左到右,但不要两者都用,不要混用方向。
四、网站首页设计要求体现出气氛情感表达气氛会自然地激发出一种情感,不管它来自图片、颜色、标题或者是动态的广告,只要是来自页面,本身就具备了一种表达思想。气氛的表达是一个网站的灵魂所在,在浏览网页的是时候给人的第一感觉是最重要的,气氛情感也代表着整个网站的主题,是浏览者最容易所到感染的隐藏因素。
○版面布局的窍门
○色彩的搭配
○字体的设置和表格的嵌套
○细微之处见功力
○考虑不同的浏览器和分辨率
○设计好你的banner和位置
○meta标签的重要性
○首页设计的小建议
这里只是关于首页设计的一个引子。让我们来大致了解一下首页设计的步骤。
首页,从根本上说就是全站内容的目录,是一个索引。但只是罗列目录显然是不够的,如何设计好一个首页呢?一般的步骤是:
●确定首页的功能模块
●设计首页的版面
●处理技术上的细节
一).确定首页的功能模块。
首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块:
网站名称(logo),
广告条(banner),
主菜单(menu),
新闻(what's
new),
搜索(search),
友情链接(links),
邮件列表(maillist),计数器(count),
版权(copyright).
选择哪些模块,实现哪些功能,是否需要添加其他模块都是首页设计首先需要确定的。
二).设计首页的版面
在功能模块确定后,开始设计首页的版面。就象搭积木,每个模块是一个单位积木,如何拼搭出一座漂亮的房子,就看你的创意和想象力了。
设计版面的最好方法是:找一张白纸,一支笔,先将你理想中的草图勾勒出来,然后再用网页制作软件实现。
三).处理技术上的细节
制作的主页如何能在不同分辨率下保持不变形,如何能在IE和NC下看起来都不至于太丑陋,如何设置字体和链接颜色....等等。
首页设计是整个网站设计的难点和关键,总结出一套较为合理易学的设计方法,从而举一反三,使我们能够更加轻松的完成整个站点的设计制作。
一、网页首页模版创建
1、首先打开我们下载的ps软件,左上角选择文件-新建(快捷键ctrl+N),然后创建一个1920x3000的画布,网页设计分辨率选择72就可以,颜色模式我们选择RGB,点击创建;(注意宽度选择的是像素)
为什么我们要创建1920宽的呢,目前我们的显示器分辨率一般为1920px,所以创建1920px宽度的可以使我们的网页背景正好显示完整,左右不会出现空白。
2、接下来我们要将单位与标尺调整为像素,方便我们测量宽高。操作步骤为:编辑-首选项-单位与标尺(快捷键ctrl+K,找到单位与标尺)
3、选择 视图-标尺(快捷键ctrl+R)调用我们的刻度尺,方便直观的看到宽度和高度;左击刻度尺拖出2条参考线分别到360和1560刻度,使中间留有1200px的宽度。两个刻度尺中间的距离就为我们内容展示的区域,使用 (快捷键ctrl+)可以显示关闭刻度。
为什么要使用1200px的宽度呢,因为目前主流的网页设计主体内容宽度为980px和1200px,而1200px可以显示更多的内容,网页也可以显得更加的高端大气。
二、使用矩形工具制作黑色背景导航条:
1.选择“矩形工具”,设置填充色为“#333”,描边设为空;
2.创建“图层1”点击画布,在弹出的窗口中设置宽度1920,高度25,点击创建;
3.使用移动工具将导航条移动到左上角;
三、logo图片导入
1、使用文件->打开(ctrl+o),将logo图片打开;
2、ctrl+A选中图片,然后复制粘贴到当前页面中;
3、移动图片到指定的位置;