赣州天琥教育
赣州天琥设计培训学校拥有强大的教学研发团队,庞大的专职教师队伍,三维五段教 学法,全真模拟实战系统教学法,深入浅出。

网页首页的设计原则

1

网页首页的 设计 原则

网站首页设计主要的关键点是突出整个网站的核心内容,在网站页面中,标题、导航、链接这几 项是网站的基础信息,是一个网站身份的象征。下面介绍网页首页的设计原则,希望对您有帮助。

网页首页的设计原则

网站设计中需要注意到很多的问题,其中有一个关键问题,那就是网站首页设计。什么是首页设计?顾名思义,首即第一,即是第一部分,它是整个网页设计中的一个关键,因为它是最开始直接展现在用户的面前,网站首页设计需开宗明义突出主题,以便然读者以最短的时间了解相关信息。

网站首页设计主要的关键点是突出整个网站的核心内容,在网站页面中,标题、导航、链接这几 项是网站的基础信息,是一个网站身份的象征,承载着向用户表明网站立场、提供何种产品或劳务、网站自我介绍、如何联系网站的重要使命,在设计页面时,这些信息必不可少。

而网站的首页,除了要显示关键信息外,最重要的还是承当中介,作为一个网络的转接点,这 也是每一个网页设计的关键任务。网站首页设计什么样才能完成这项重要的任务呢?我的理解是把网站所提供的产品或劳务通过版式设计、文案设 计、色彩设计之后,展示在首页适当的位置,并使其不受其它信息元素干扰,甚至使其它元素为它(产品或劳务)服务。

一、突出主题思想

当清楚了网站首页需要展示的的内容后,如何把这些内容更好地传达给用户并不是一件简单的事情,需要时间的磨练与经验的积累。就网站首页设计本身而言,是一件感性的事,不像数学公式,它缺乏严谨的理论做为指导,所以在工作 中,经常出现与Boss、同事意见相左的情 况。我个人的经验是在非重要信息的设计上使其具有普适性,在重要信息的设计上突出设计的主题思想,在与 Boss、同事讨论时,尽量把讨论的重点放在主题思想的呈现方式与其对转化率 (或市场目标)的作用之上。你可以说这是功利的设计,没错,所有的设计都是以商业利润为最终目的。

二、如何突出

在版块方面,需要把信息内容加以导航,以便让读者在短时间内(3-5秒)发现首页包函哪些区域 (如菜单、广告、注册、个人信息、链接、按钮等),方便用户在第一时间内做出选择。在网站首页设计过程中,建议严格遵循四个排版的原则,即:对比、对齐、重复和亲密性。

网站首页设计在色彩上,即要符合网站整体特征,又要适合所渲染信息的特征。一般采用同色系或相邻色系对网站基础信息进行渲染,对于突现主题的信息采用基础信息色彩的补色或对比色进行渲染,从视觉上体现信息的权重与逻辑关系,达到突出重要、弱化次要地目的。

三、网站首页设计要新颖

网站首页设计创新,要以“跳出框架思维”为基础。不要轻易地说你已经听烂了这句话,在勾画网站草图的时候,你有想过为什么要用矩形吗?你有想过为什么屏幕一定是上下拉的,而不是左右吗?为什么有的字要用特定的颜色?以及那照片一定是所谓的完美比例4:6?解决这些问题其实方法有很多,比如说可以用带有圆角的的形状、极具新鲜感的图像、还有那些并不常用的颜色来装饰网页,整个网页只要不畸形,那应该是别具一格了。敢于尝试,但要尝试得很值得。你可以有很多的想法,但是尝试的时候要选择一些有趣的想法来实验,有的东西做多了产生厌倦感,这种厌倦感会将你的创造力扼杀在摇篮里。对于网页的每一处,都可以用很有趣的方法来展现,当然注意不要太多的东西。即便汉字是意象文字,所要表现的内容较多,但是还是可以用很独特的方法来展现。

四、网站首页慎用图片或者动画导入

网站首页的重要性不仅是面对用户而言的,对于搜索引擎也是一样。很多网站喜欢应用动画导入页,其实这样做对搜索引擎是相当不利的,因为搜索引擎无法识别图片,也无法识别Flash动画。很多带有动画导入页面的网站,搜索引擎长期无法收录,其最为根本的原因是这些网站在动画中添加链接,搜索引擎却无法识别。还有一些链接直接加载了图片的热点区域,搜索引擎一样识别不了。所以,企业在做网站首页设计的时候尽量不要使用导入页面,如果必须使用最好用文字在动画的上面或者下面加上一排文字导航,以便于搜索引擎继续顺着链接爬行网站内页面的详细内容。

因此,在网站首页设计时,应该特别注重的是它必须要有足够充实并且吸引用户的内容,当然,一个号的首页是必不可少的,但只是有外观远远不够,就像一个人拥有漂亮的外观但无美好的心灵,长久一样会被人厌倦的道理一样,只有优秀的质量的长久被用户所喜爱。

2

网站设计的基本原则

第一项、内容明确

我们如果想要成为一个好的网站设计者,建立一个成熟的受欢迎的网站,那么我们就要首先考虑网站的内容问题,具体包括网站需要实现哪些功能,用户具有哪些具体的需求等等。我们在进行设计的时候,必须要紧紧围绕这样的一些方面来进行。

第二项、抓住广大的用户

网站设计出来是为了让广大的用户浏览的,如果我们的网站设计出来之后用户却不能够迅速的进入我们的网站,或者操作复杂,加载速度慢,这样的网站都是失败的,会把我们的用户推向我们的竞争对手。

第三项、网站内容的优化

内容是一个网站的核心部分。在几年以前,一个企业的网站就像是一个广告画册,里面使用了很多的图片,导致用户加载速度非常的缓慢。一个网站在设计的其他方面是非常成功的,但是在内容方面却大大的贫乏,这样的网站都是不成功的网站。

第四项、要实现网站的快速下载

广大的用户在浏览网站的时候,如果要花费很长的时间加载页面,会大大降低网站的吸引力。作为一个定律,一个标准网页的大小不应该超过60k,也就是说网页页面最好能够在15秒之内就能够响应。

第五项、要注意网站的升级这一工作

设计者们必须要时时刻刻都注意网站的运行情况一个性能好的网站随着访问用户的增加,又可能会引起运行缓慢等等相关情况出现,如果我们想要继续保留用户,就必须做好相应的升级工作,以满足用户的相关需求。

3

页面设计原则

1、首先,要了解你的受众

在设计之初,要先了解好我们的受众,应用软件可以反映出用户的想法和行为特点。那么,我们在了解自己的受众的时候先要了解人,因为人都拥有共同的特点。我们通过长期辨识比瞬间记忆更容易学习知识。人类的大脑一般能完整记得大约2000~3000个词汇,但是却可以识别到50000多个字。所以,就算提供一个清单、数据值给我们的受众选择,倒不如让他们在潜移默化中记住关键按键。

几乎所有社交软件的聊天发送键都在同一个位置。

网页首页的设计原则

2. 让界面设计更加清晰明了

对于使用手机端的客户,程序的图标总是不够电脑端的看起来明确,那么我们最好用的方法,就是图标的简介明确,让用户第一看就看到你的程序,除了颜色上突出,还有有趣的设计都能让用户眼前一亮。然而最让用户讨厌的就是,应用程序中的一些条款写得含糊其自,非常不明确或者无法做到该条款描述的那样。

3. 站在用户的角度思考你的设计

在图标设计或者应用的整体设计时,很多人在不知不觉中就掉进了一个坑。好比显示“卷起来”的总数为一种会计系统图标设计。很所设计师为了这个功能花费了不少功夫,但是从设计师的角度看,这非常直观明显,但是用户还是不知道图标想隐喻些什么。

4. 让你的设计保持一致性

一款好的设计应该在沿用那些已经获得成功并且被广大用户认可的经验和设计并且在这之上加上自己的想法去创新,在我们设计商业应用的程序时,应该为用户尽可能多的考虑一致性的设计,例如图标的协调以及颜色的运用

5. 提供声音反馈

这个提示的声音当作是环境噪音的一部分。同样的情况也出现在设计里面。然而 ,声音反馈在需要提醒用户的一个迫在眉睫的严重问题情况下 ,还是非常管用的 ,比如说当某个程序进一步运行可能造成数据的丢失 , 这时候提供警报的声音反馈就极为必要。所以设计中 ,除了当发生错误而必须加以处理的情况 ,我们应该设定允许用户禁用音频反馈。

6. 提供视觉反馈

相信大多数人都曾经试过在等待的过程中是怎么的乏味枯燥,特别是时间长一点就会非常不耐烦,这个时候你就会体验到缺乏视觉反馈给你的焦虑感。在等待的时候会非常希望知道程序执行结束到底要多久。虽然一般来说,程序执行完成需要超过7~10秒的等待,但是人们还是非常希望看到一个进度提示条的。

4

对网站设计产生影响的要素

第一、网站结构要做到一致

相信很多站长都清楚,在网站的设计和营销当中,统一性是至关重要的。网站风格要保持统一就需要做到结构上的统一,网站的结构就包含了网站布局、文字排版、设计元素的设置以及导航位置等。在结构一致性当中尤其要注意标志性元素的一致性,比如说网站的logo、网站的名称等等。

第二、特殊元素的一致

在设计网站的过程当中,有的时候需要用到一些特殊元素,并且这些元素还会多次出现,所以会给用户留下比较深的印象。比如说网站结构进行了调整,直线变成了曲线,这些元素都需要保持一致。

第三、网站设计可以通过导航设计进行统一

导航设计可以说在网站设计当中非常重要,那么网站导航要如何设计才是对的?一个好的而且可以彰显企业特色的导航可以在用户心里留下深刻的影响。比如说在导航上加入网站的logo,或者是把导航放到网站布局里面。

第四、通过图片来统一网站的风格

不少网站在进行设计的时候,加入了不少动画,但是很多动画和网站的内容完全不搭。要想通过图片来统一网站的风格,不是在每个页面简单的添加几个不相关的动画就可以了,而是要根据页面的内容,来选择合适的动画或者是图片。

第五、颜色的统一

在设计网站的过程当中,网站的主体颜色是要保持不变的,局部颜色可以进行调整。这样处理的目的是可以通过不同的色彩搭配来让用户加深印象。因为人对颜色是比较敏感的,更容易记下来。在保持色彩统一的基础上,还需要突出企业的CI形象。

以上是赣州天琥教育整理的网页首页的设计原则全部内容,更多精选文章请访问网页设计学习网专栏。