设计网页遇到的问题
当前位置:贝知网>知识分享>平面设计>设计网页遇到的问题
设计网页遇到的问题
时间:2022-12-18 平面设计

设计网页遇到的问题

设计网页遇到的问题

当用户不能清楚区分相似的导航类别或链接时,他们很难找到恰当的内容路径。类别和链接名称本身需要有自己的涵义,同时也应该与站点上的其他选项结合。下面介绍设计网页遇到的问题,希望可以为您带来帮助。

一、互矛盾的连接和导航分类

当用户不能清楚区分相似的导航类别或链接时,他们很难找到恰当的内容路径。类别和链接名称本身需要有自己的涵义,同时也应该与站点上的其他选项结合。如果多个部分或页面可以满足特定的信息需求,用户必须探索每一个路径或努力做出最好的猜测。或者,他们可能会转向搜索甚至离开网站。

卡片分类和可用性测试有助于避免重叠类别名称,链接太相似的问题通常源于糟糕的内容策略。

造成这些问题的两个可能原因是:

标签相似:链接导致内容不同,但由于某种原因,它们有相似的标签。如果是这样的话,试着重命名你的链接来区分它们。

内容区分性差:如果高度信息相关的链接指向不同页面,解决方案可能不是重命名链接,而是重新组织和合并内容。

二、重复链接

即使用户已经知道他们所需要信息在网站中的位置,但他们依然可能会遭受意外或者漫长工作流的阻碍。

Web团队经常会问,要获取内容需要多少点击。没有确切的数字(no magic number),点击质量的重要性要远远大于其数量。当用户在点击页面时应该更接近信息目标,用户在选择他们想到东西时需要重复的点击,这会一次又一次的激怒客户,并让他们进行了不必要的努力。

团队构建页面有时候会闭门造车,从而没有考虑到创建内容的流程。创建新页面时,要考虑用户如何到达那里并思考是否还有更直接的路径。

三、在小型网站中搁浅用户

为部分或者特殊内容单独创建的网页、次级页面需要谨慎的处理这些网站上的用户。在我们的许多研究中,当参与者没有主动的跳转到了一个新的站点或者子站点,然后努力的想要回到父站点,但是该站点并没有提供返回选项。

有些人能够通过多次使用浏览器的“后退”按钮或重新输入网站的网址来导航到父站点,但是许多人甚至没有注意到他们已经切换了站点(因为父站点和子站点的外观和感觉相似)并且很疑惑为什么他们以前使用的导航消失了。

在创建一个单独的子网站之前需要再三考虑,确保用户可以根据需要轻松导航回到父站点。

四、糟糕的搜索结果

当用户确切地知道他们在寻找什么的时候,用户会选择搜索作为最后的手段。在任何情况下,站点都需要通过提供强大的搜索结果来支持用户。

不幸的是,网站搜索功能仍然是许多网站的主要弱点,有些站点的搜索结果与用户的查询不匹配。此外,有些搜索结果展现的只是网站的一部分内容而已,不会清楚的向用户展示所有的搜索内容。

搜索结果名称不全或者附有无用的摘要,会让用户不由的猜测链接背后的内容。散布在网站搜索结果中的广告也会让用户感到讶异,这些广告会让他们头也不回的离开网站。

定期查看搜索日志,了解更多有关用户的搜索行为和搜索引擎成功与失败的信息。使用网站内容标签和网站搜索工具的功能,如“最佳匹配”,会搜索出针对特定查询的最适合的结果。

网页制作中的细节问题

一、合理使用渐变

渐变不要滥用,更不要把渐变弄的跟彩虹似的,否则你的网页作品看起来比较外行。总而言之,合理的使用渐变对于优秀网站设计是有帮助的。

二、留白

留白一词往往容易被误解从字面解释的空白。网页设计较为准确的描述则是网页各个板块元素之间的空间范围。进一步分析看看A List Apart是如何定义它的。

“留白”对于网页设计是很重要的,留白不至于让你页面元素都堆积在一起。对于年轻设计师来说留白可能是一个大问题,他们在做设计的时候将整个页面放的满满的,没有给页面足够的“呼吸空间”。这对于他们来说可能不是什么问题,如果内容放不下的话,他们可以借助浏览器的滚条来扩大页面的空间。

三、网格布局

网页设计的网格布局最初的灵感是借鉴了报纸的排版。但是如果你仔细观察周围的事物都可以找到网格现象,从好的设计到生活中的交通网。

960和蓝图可能是两个流行的网格布局,960网格布局简单、重点突出。你可以用任意对齐方式来安排你网站的元素,对齐在设计一个复杂的页面时,能使你的网站看起来比较精致、井然有序,并且你在网页布局里面添加任何模块内容时候都不用考虑其他的模块内容。

综合使用网格布局

Poccuo网站综合使用了网格布局,它采用3列和5列相结合的布局方式。给人以视觉吸引力和视觉空间。

四、改善字体应用

字体应用困扰着大多数的设计师。如果要想提高你的设计水平,字体在其中扮演着重要的角色。不但在可读性方面也扮演着重要的角色,同时还可以增加设计作品的氛围。

五、明确而有效的导航

良好的导航对于网页设计来说很重要,如果浏览者不能快速、便捷的找到它,他们就很有可能去别的网站了。这是我们所不愿意看到的,同时我知道MyInkBlog进行了一些改进,并将在以后重新设计中进行彻底的改进。

六、使用漂亮实用的页脚

一开始我们就将页脚作为次要的内容,在页脚里面放置一些没有多大用处的内容。在设计的时候仅仅花费一点点心思在它上面。现在页脚对于整体设计来说变的越来越重要了,千万别错过好的页脚完成你设计。

经过以上的介绍,相信大家对于网页设计一定有了更深的认识了。永远要记住,细节才能体现一个网页的好坏。永远不要忽略那些可有可无的细节。往往就是这些被我们忽略的,到后面扮演了逆袭的角色。

网页设计中怎么利用好色彩

互联网的高速发展,使越来越多的企业极度重视自身企业在互联网上的形象,新产品面世,都需要独立开发一个网页展示平台。网页展示,在如今的市场经济条件下作用非常大,这样就不可避免说道色彩在网页中的应用,下文将具体讲述。

一、基础环节

1.根据企业所在行业、VI、产品特性,确立色彩。原则上,力求网页色彩整体感。各个超链接在色彩上发生相互作用和过渡,要求是自然的、和谐的。

2.整体布局协调。一般情况下,布局之前,对网页色彩进行系统地规划和设计。在确立一个完整的视觉印象前提下,根据内容的不同需要,小范围的调整。一般情况下,网页包括FLASH、GIF引导动画、VI、导航、图形图像等内容,这些内容的色彩使用,直接决定着网页色彩的感官感受。在确立背景色的情况下,在此基调的基础上进行微调,就能够起到很好的效果。

二、提升环节

1.色彩情感。很大程度上,一个网站的给访问者的感官感受是由网页色调决定的。色调作用于人的视觉和心理,通过与过去的经验、记忆或知识相联系,产生诸如进退、冷暖、轻重、软硬、华丽、朴素等不同感觉。进而容易使人产生各种复杂的心理情感。除色相变化能引起人的情感变化外,色彩的明度和纯度变化也能影响人的情感。高长调的色彩响亮而明朗,让人心情舒畅;高短调色彩配置色调高雅,给人以纯洁、柔和而明快的心理感受。低长调的色彩仿佛黑夜中的闪电,神秘压抑又使人振奋;低短调的色彩仿佛暗夜里的幽灵,低沉冷漠让人心情暗淡;不同的色调引发不同感觉和感情倾向,给网页设计带来了丰富的情感因素。

2.色彩排列。色彩的排列方式也影响着色彩的情感表现。同样的色调因色彩的排列方式不同,也会影响着人的情绪。在网页中色彩的排列是四维度的,即在长、宽、深三维度的基础上加上时间维度。在二维平面上,色块有大小、疏密、对称、均衡、聚散、节奏等变化,加上色彩重叠在三维的方向产生深度和层次感的变化,对色彩的情感倾向有很大的影响。页面色彩大面积的分割显得稳重而大气;小面积色彩有规律的交替变化,让人紧张而富有活力;对称的色彩排列庄重、有严肃感;均衡的色彩排列自由而浪漫;色彩排列节奏紧张,人的心理也会紧张;节奏舒缓心理就会放松。色彩还通过重叠、交叠、透叠等手法使平面产生纵深感和空间感,使人产生深远、神秘、梦幻等心理感受。网页的时间性变化也影响着色彩的情感。网页动画帧的变化、网页页面在屏幕上的上下左右移动,以及网页之间相互转化都能产生网页的时间性变化,并带来网页的色彩的变化。随着色彩变化的节奏,浏览者的心理会产生平静、紧张、舒缓、热烈、不安等不同感受。显然,色彩排列引发的情感为创造不同个性风格的网页留下了自由的空间。

三、整合环节

1.色彩与音乐结合。为了最大程度的迎合访问者的感官感受需要,也为了更好的展现网页内容。在网页设计中,融入音乐这一元素,已经成为主流。色彩因其自身形式规律的存在而具有自身的形式美感。这种形式感的表现在色彩的调子、阶调、节奏、韵律上,与音乐的形式感有较多的共同性。网页色彩由于动画的存在,以及因浏览而产生页面的移动,更能体现出音乐流动的形式感。这就需要设计师去主动发现和控制色彩节奏和韵律,增强网页时间和空间的变化,使网页设计体现出生动感人的艺术魅力。

2.网页色彩的风格。受现代色彩观念的影响,色彩的丰富性从一开始就是网页设计的发展趋向。不同的色彩组合搭配构成各种风格的网页色彩设计。色彩风格的确立首先取决于网站的目标定位,网页的最终受众界定了色彩的倾向。只有符合受众审美需求的色彩风格,才能引起人们的感情共鸣。其次,色彩风格与网站的内容要能够相互呼应。避免虽然美观但与网页内容相冲突的色彩风格,使内容与色彩风格有机的结合起来,更好的发挥色彩的内在力量。

从后现代主义设计思潮与网页设计几乎同时兴起至今,后现代风格的色彩设计已成为优秀网页设计的主流。后现代主义设计师标榜个性化和象征性,通常采用独特的色彩手法,用象征、隐喻、幽默的装饰手段力求将现实和历史文化联系起来,创造出许多个性鲜明的网页设计作品。

网页色彩风格还带有鲜明的时代特征。优秀的设计师也应紧随时代,敏锐地触及到色彩的审美变化和对色彩感情的影响,利用自己的基础知识和升华后的知识,利用好色彩,以此确立网页独具个性的色彩风格。

网页设计技巧有哪些

1、特征与效益

调整你的副本,谈论效益而不是功能。根据你的陈列的产品特点,告诉潜在客户为什么他们应该转换为行动,而不是希望他们自己弄清楚你的产品是做什么用的。人们没有时间阅读一个页面的每个段落,无论写得多么好。裁剪下来,确保在你的网站上的所有文本简洁和相关性。要合情合理。使用“你们”和“我们”,而不是使用第三人称,并避免专业语言。

2、明确召唤行动

召唤行动(CTA)短语通常位于链接、按钮和标题,用于引导访客采取行动。如果你想让你的网站访问者做点什么,那么你必须在你的网站上使用“召唤行动”。你的行动呼吁必须放置在一个看得见的和明显的地方。一切都应该是从属于或者支持于希望游客采取行动的元素。

3、优化付款形式

既然你已经向你的访客出售产品,并且他们准备采取行动(转换),他们必须在你的网站上提交表单。确保给你的访客这样的机会!如果你不这样做,你就是放弃了潜在的业务。如果你绝对需要这些信息,只需添加一个字段。表单的时间越长,就越不可能有人会填写。要用表单的设计和质量来清除你在订单处理中产生的误会。在按钮上使用调用操作。每个人都使用“提交”。尝试一些更引人注目的字眼比如“从今天开始”,“我们走吧”,“开始”等等。

4、小心使用图像

在许多情况下将图像添加到你页面可以提高网站的转化率。特别是主要由文本、图像主导的页面,或者兼有。把内容打碎,让游客参与也是一个不错的方式。观察认为,高质量与高分辨率图像具有良好的效果,相反,使用剪贴画,或者是一个低质量的图像有相反的效果。

5、加载时间会使你成功或者毁掉你

页面加载时间有着戏剧性的影响你的网站转换——甚至一两秒钟的差异可以使或打破你的网站转化率。确保你的网站加载尽快优化网站的转化率。互联网用户往往是非常不耐烦。如果一个网站的加载时间超过5秒,可以肯定的是,大部分的游客不会坐着等;相反,他们在别处去冲浪。

6、无缝导航是至关重要的

确保你的网站很容易导航并净洁,让游客能够到达他们想去的地方。你的网站导航应该提供每个页面的链接,告诉访问者你的业务、产品、定价。让你的页面没有太多的信息、太多的图像和杂乱。如果你有大量产品的图片,那就创建一个观看画廊。要明白为什么访客来到你的网页并知道他们需要做什么,就很容易避免转化率的下降。