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

所属分类: 网页制作 / CSS 阅读数: 1203
收藏 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
让网站获得用户信任是很重要的,如果没得到用户信任,哪么用户在和网站进行操作的时候可能产生恐惧或者疑惑的感觉,这点你可以通过内容、优秀设计或者放一个统计让用户知道你的网站已经有运行多久,还有得到过什么认证之类的。
所以我建议一个企业客户做自己品牌网站的时候,应该找些有信用的设计不错的设计机构或设计师来制作,否则你的网站很可能像山寨一样。
现在轮到你
毫无疑问,在网页设计中一个网站的首页起头至关生要的重要,很可能影响到你的目标用户。因此它需要一个能让用户留下良好印象的设计方式,这样用户才会一次又一次的回访你的网站。
你觉得这篇文章对你有帮助吗?又或者你有一些建议要提出,哪么请在下方给我们留言。在此,我们会非常感谢你!(文:设计达人)
更多精彩内容其他人还在看

Opera中国的WEB标准课程

网页制作Webjx文章简介:在这篇文章里,我要向大家介绍我和其他很多人花费数月时间开发的一个课程——Web标准课程,该课程旨在向大家提供Web设计和开发的坚实基础,无论读者是谁,此教程完全免费、可访问,并且不需要预备知识。当然,我主要还
收藏 0 赞 0 分享

CSS样式表渐进增强的基本概念

网页制作Webjx文章简介:如果你挠着头想弄清楚优雅降级和渐进增强的区别,我告诉你,这是视角问题。优雅降级和渐进增强都考虑网站在各种设备的各种浏览器上如何良好运转。两者区别的关键在于它们各自关注的焦点,以及这种关注对工作流程的影响
收藏 0 赞 0 分享

简单介绍Web Developer插件制作网页

网页制作Webjx文章简介:Firefox浏览器是一个良好支持W3C标准的开放源代码的浏览器,拥有Linux/Windows/Mac版本。因为Firefox浏览器良好支持W3C标准,所以使用Firefox来调试网页是非常好的。 Firefox浏览器是
收藏 0 赞 0 分享

CSS布局带来的巨大影响:CSS display属性值

网页制作Webjx文章简介:网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨大影响。 应原书编辑要求,先在文章顶部给出链接:《Everything You
收藏 0 赞 0 分享

用div css模拟表格对角线

这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之 首先声明: 这只是探讨一种CSS模拟表格对角线的
收藏 0 赞 0 分享

IE Firefox在css中的差别 (部分)

1、单位问题 问题:任何距离的数值ie可以不加单位,ff必须要求写单位(0除外) 解决:写全单位如padding:0px; 2、水平居中 问题:div里的内容,ie默认为center,而ff默认left 解决:mairgin:0px auto; 3、高度问题
收藏 0 赞 0 分享

不用js可以实现信息提示效果

[code] <style> body { font:verdena; font-size:14px; color:#000 } h1{ font:verdena; font-size:22px; color:#000 } h2{ font:verdena;
收藏 0 赞 0 分享

CSS解决未知高度的垂直水平居中自适应问题

今天有人问起,晚上试着写出来,供参考; 以下代码兼容主流浏览器IE6、IE7、Firefox、Opera。 从最简单的开始………… 一、如何让一个DIV水平居中? 这个简单不作过多说明! [code] <st
收藏 0 赞 0 分享

CSS cursor 属性 -- 鼠标指针样式效果

取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize |
收藏 0 赞 0 分享

css 简单区别ie6,ie7,firefox的写法

同一样式里可以这样 [code] margin:17px; FF +margin:17px; IE6 IE7 _margin:17px; IE6 [/code] 按这个顺序,刚好区分开三个浏览器
收藏 0 赞 0 分享
查看更多