网页设计技巧:网站的首页设计对于能观众的影响

所属分类: 网页制作 / CSS 阅读数: 1192
收藏 0 赞 0 分享
我想你应该知道网站主页对整个网站的来说是非常重要的,哪么我们如果让它能吸引你的观众(访问用户)?这就取决于你的设计了,网站首页一般包含:导 航菜单、搜索栏、网站LOGO、目录以及其它内容,还有就是能一眼看到你网站就知道这是做什么的。我们除了让首页设计得有吸引力外,还得使它有其它功能或 是一些引导性信息。下面我们将告诉你能影响观众的网站首页设计的10个要点。
1. 让它能吸引访客
网页设计技巧:能影响观众的网站首页设计 脚本之家
摘自: Art 4 Web
首先,网站首页就像是一本书的封面或是杂志封面,它是用户浏览网站时第一眼看到的,因此,你的首页设计必须第一眼就能吸引用,否则它就失去了首页的 用途和目的。你可以看大部分网站的首页,他们都是很吸引人的,你可以全色彩或者只有黑白,也可以利用有吸引力的图像与文字组合来创作你的首页。
2. 让用户记住你的品牌.
It can tell what the site is
摘自: Wunderkit
想要用户容易记你的网站或品牌,你可以把你的网站LOGO放到网站适当位置,而且要配合网站风格,这样会比较容易让用户记住你的网站LOGO,在用户心中留下一定的印象,下次用户访问网站的时候,看到你这个标志就可以知道是你的。
3. 告诉用户你网站是干什么的
It can show branding
摘自: Off Road Studios
如果用用户看首页都不知道你的网站是干什么的,哪么很容易让用户直接关闭网页,所以我们要充分利用网站明显的位置添加一些文字或banner信息,offRoad sutdios的网站就是很好的例子。
4. 鼓励用户采用行动
It can encourage visitors to take action
Site: Rdio
如果想用户联系你,你可以在页面上留下一些摘要联系信息而不需要放到contact us页面。想用户注册你的网站,哪么就制作一个注册或登陆功能的布局,你可以利用一些交互设计配合,使得设计更加醒目。所以可以用你的设计来引导用户去采用或者行动,这是主页的功效。
5. 设计一个个性的外观.
It sets a personality for the audience to see
摘自: De4macja
这一点很适合制作个人网站的用户,一般个人网站如果想让更多人来访问,哪么你的网站可以添加一些自己的个性作品以及文章,利用这些来吸引用户以及用户的2次来访。
6. 留住用户.
It lets the audience stay
摘自: k2
嗯……我想任何站长都有这么个想法,像一个商城,如果用户停留你的网站越久,订单成功率就会越高,所以这点我只有这么个建议,就是你的内容、产品以及设计要有足够的吸引力,这样用户看到后可能还会收藏或分享给其它人。
7. 页面有良好的引导性.
It leads them to other pages of the site
Site: Goverdose 2.0
如果具有良好的引导性呢?
1. 设计一个易用性的导航,不要太过花哨,可以使用一些交互效果来增加用户体验
2. 利用图片引导,如一些banner广告就是最好的引导,banner一般是用生动的图像与文字结合,这是比较容易让用户注意到的,所以商城网站一般都会有这些广告在。
8. 添加社会化分享插件.
It urges them to share your site
Site: National Traveller
为你的网站添加一些热门的社会化分享插件也是很不错的,现在无论是企业网站、电子商务网站或是个人博客都带有这些分享工具,正如设计达人网站的侧 边,你可以明显的看到一个分享图标,这个图标为了配合网站风格而重新设计过。这个分享工具能给网站带来一定的回访率,用户分享的被其它用户看到,可能会再 次分享。
9. SEO & 关键字
It easily gets bookmarked
摘自: The Big Burn
除了设计以外要注意的地方就是SEO代码方面,这个我想说的主要是网页要有标题、关键字,现在的网站网址一般很难记住,当用户收藏网站在下次回访时有标题或简单网站描述会比较容易知道哪个是你的网站。SEO当然还有很多内容,但这个具体你得上网搜索学习了。
10. 获得用户信任
It can gain trust from audience
摘自: Epic
让网站获得用户信任是很重要的,如果没得到用户信任,哪么用户在和网站进行操作的时候可能产生恐惧或者疑惑的感觉,这点你可以通过内容、优秀设计或者放一个统计让用户知道你的网站已经有运行多久,还有得到过什么认证之类的。
所以我建议一个企业客户做自己品牌网站的时候,应该找些有信用的设计不错的设计机构或设计师来制作,否则你的网站很可能像山寨一样。
现在轮到你
毫无疑问,在网页设计中一个网站的首页起头至关生要的重要,很可能影响到你的目标用户。因此它需要一个能让用户留下良好印象的设计方式,这样用户才会一次又一次的回访你的网站。
你觉得这篇文章对你有帮助吗?又或者你有一些建议要提出,哪么请在下方给我们留言。在此,我们会非常感谢你!(文:设计达人)
更多精彩内容其他人还在看

CSS入门教程:计算CSS盒模型宽和高

 出处:当我们布局一个网页的时候,经常会遇到这样的一种情况,那就是最终网页成型的宽度或是高度会超出我们预先的计算,其实就就是所谓的CSS的盒模型造成的。 #test{margin:10px;padding:10px;width:100px;height:100px;}
收藏 0 赞 0 分享

在IE流览器中正确显示PNG透明图片

  png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如:在有颜色过度背景上插入不规则边框的图片带来极大很便利!   但目前IE中对于插入
收藏 0 赞 0 分享

CSS教程:DIV底部放置文字

  css对文字的布局上没有靠容器底部对齐的参数,目前使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近的距离还可以精确到像素,自己可以调节,是不是很不错呢?
收藏 0 赞 0 分享

如何用CSS让文字居于div的底部

  这个问题是别人提出的,因为css对文字的布局上没有靠容器底部对齐的参数,(或许有但是我没有发现)不过目前我使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,我用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近
收藏 0 赞 0 分享

从A页面连接到B页面后并直接把B页面的隐藏层显示

  这个效果实现的是,在B页面里有两个层,一个显示层,我们暂定名c层,一个是隐藏层,我们暂定名d层,单独进B页面的时候,c层显示,d层隐藏,然而从A页面连接到B页面的时候,则是让d层显示,c层隐藏,我觉得这个效果对网页设计者以后会有很大帮助,现在把代码发出来,
收藏 0 赞 0 分享

CSS样式表定义标签li前面样式

定义LI前面的小点样式 view plaincopy to clipboardprint? 语法: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lowe
收藏 0 赞 0 分享

符合标准的div css制作的弹出菜单

本文介绍了五款符合标准的div css制作的弹出菜单,而且不含有js的. NO.1最基本的:二级dropdown弹出菜单 <!DOCTYPE html PUB
收藏 0 赞 0 分享

CSS实现在文章每段后面加入带连接的隐藏文字

代码主要理解3个参数:createElement、createTextNode、appendChild。这3个js参数分别是创建元素、创建字符、追加节点。代码原理:循环页面段落标签<p>,创建连接元素<a>,创建要显示的连接字符,用SetAttribute
收藏 0 赞 0 分享

CSS:浏览器特定选择器介绍

当你想在一个浏览器里改变样式而不像在其他浏览器中改变时,这些选择器很有用。 IE6以下 *html{} IE 7 以下 *:first-child html {} * html {} 只对IE 7 *:first-child html {} 只对IE 7
收藏 0 赞 0 分享

WEB标准学习,认识两种网页声明的含义

即网页标准推出来以后,我们时常会看到两种不同的网页的声明,一个是Dhtml,一个是Xhtml。如下所示: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "ht
收藏 0 赞 0 分享
查看更多