网页设计细节问题

网页设计细节问题

字符是页面中不可缺少的部分,页面上最重要的部分。所以这部分细节是最基础的,也是最不可忽视的。下面介绍网页设计细节问题,希望可以为您带来帮助。

网页设计细节问题

字符

字符是页面中不可缺少的部分,页面上最重要的部分。所以这部分细节是最基础的,也是最不可忽视的。网页上80%的信息是以文字形式传达的,任何网页元素都无法替代文字的作用。网页中文字设计的好坏会直接影响到整个页面的视觉传达效果。

字号

字号的选择是根据功能需要而定的,字越大给浏览者的视觉冲击力越强,一般用于标题或其他需要强调的地方。小字整体性强,页面易产生多个中心,缺乏美感,时间略长,浏览者易产生视觉疲劳。最适合网页的字体大小为12磅,如果在一个页面内容较多,通常可以用9磅的字号,随着互联网飞速的发展,在内容较多的情况下10.5磅字号逐渐替代了9磅字号。游戏行业本身侧重于视觉传达,在官网及专题里文字都不会像门户类页面那么多,所以常规情况下最小保持10.5磅以上字号。

字体

不同的字体有不同的性格表现,严肃、幽默、力量、柔软等等。网页中比较常用的中文字体有宋体、黑体、楷体、隶书等。根据不同的页面主题可以选择不同性格的字体搭配。

标题字体的选用对整个页面的编排起着重要的作用。字体选择、字体特效到位,不仅会突出页面主题,而且还会烘托整个页面的气氛。

主标题用毛笔字体,副标题选择用了方正楷体简体与主标题进行搭配,突显游戏武侠风格特点,导航文字选用了与副标题相同字体,内容用微软雅黑字体。整个页面一共选用了三种字体。

主标题字体微变型,副标题选用了微软雅黑细体。

样式

文字的样式主要包括常规、粗体、斜体等。正文中的文字宜采用常规样式,标题宜采用加粗或斜体样式。合理的运用文字样式,将更有利于文字的视觉传达,更有利于浏览者的阅读。

间距

文字的间距分为横向间距和纵向间距即”字距””行距”。正文与标题的字距应该通篇保持一致,字距太大或太小都会导致可读性受到影响。行距的常规比例为10:12即用字10点,则行距12点。除了对于可读性的影响,行距本身也是具有很强表现力的设计语言,有意识地加宽或缩窄行距,能够体现独特的审美意趣。

颜色

颜色的运用对于整个文案的表达会产生很大的影响。使用不同颜色的文字可以使想要强调的部分更加引人注目。色彩可以使得文本不受位置的局限,加强或者减弱文本的表现强度,使页面文本的浏览产生视觉导向。

排版

文字的对齐方式一般分为四种:左对齐、右对齐、居中对齐和两端对齐,其中左对齐和两端对齐最为常用,因为这两种对齐方式比较符合人们的阅读方式。

文字的排布方向主要有三种:横排、竖排和斜排,其中以横排为主,横排文字群体比较适合人们的阅读习惯。

留白

留白可以给人带来心理上的轻松与快乐,也可以给人带来紧张与节奏。元素之间的留白不能太大这是基本的原则,留白过多,页面会变得零碎。

网页设计是以传达页面信息为主要目的的,留白更多的是服务和服从于网页的可用性。无数的可用性研究证实了一个事实:在Web中,用户对网页信息是进行浏览,而不是阅读。简洁明快、富于美感的页面更具有可浏览性,可使用户获得更加良好的浏览体验。

留白空间不一定要是白色的。指的是任何与背景相同的空间。所以它可以是白色、黑色,其他纹理等。

大面积的有色范围

如在页面设计中只放置极少的必要元素,背景则用大面积的单纯色彩渲染,利用单纯色彩的力量来突出和烘托网页上的主要元素。边导航与主题内容的留白划分。

层次

页面设计需要层次感,当页面缺乏层次感的时候就会显得页面比较单调或者花哨。页面层次感可能有很多类型,例如色彩的层次感、元素的层次感等等。

以足球场为背景,背景本身有深度,有远近景的层次感,人设采用远处模糊较小,近处清晰较大的视觉原理设计,使得页面更具层次感。

整个背景以清晰的山峰为背景,主要内容为近景形成层次,背景中心山峰与两侧的山峰形成层次。

高斯模糊的背景与页面主要内容形成层次。

径向模糊及动感模糊处理的背景与页面主要内容形成层次。

界面设计应该注意的问题

1. 用小的承诺代替大的

使用承诺是一个功能强大的说服策略,充分挖掘人的自我认知一致性原则,一连窜的小问题答案的”是“,会得到更大问题的“是的。” 还有显示月费而不是年费会传达出一种没有合约的感觉,让用户觉得随时可以退出,没有障碍。

2. 替换模态对话框为更温柔的提示方式

虽然模态对话框更吸引用户注意力,但是也会带来一些其他问题,首先阻止了用户操作对话框之外的操作,而且打断了用户之前的操作动作,为什么不尝试行内或滑出等不那么碍眼的提示方式呢?

3. 尝试多功能控制而不是分成很多功能块

例如可以在输入框里实现筛选过滤的功能,而不用增加额外的筛选菜单。打分功能里增加悬停显示功能而不是增加额外的显示模块。但是不要滥用,否则会增加用户的学习曲线难度。

4. 尝试增加图标文本

图标和文字在一起可以减少很多歧义,比如以下下箭头到底是表示往下移?降低优先级还是下载呢?或者”X“图标代表删除?禁止还是关闭呢? 当用户没有时间理解你界面图标表达的意思的时候问题就麻烦了,所以为了理解,最好图标要配上文本,如果空间实在不够,可以用悬停图标显示提示文本的方式展现。

5. 尝试使用更自然的语言代替干瘪的文本

自然语言比简短、严格的短语更方便用户理解。

6. 激发用户的好奇心

提供一个能激发用户好奇心的信息,这可能是一个样章、演示、试用,或做了XYZ才能看得到的免费内容。

7. 尝试消除用户顾虑而不是假设一切正常

告诉你的客户支付是安全的、货物免运费而且随时可以退换,没有任何后顾之忧,这是能提高转化率的极佳策略。

8. 尝试价格错觉

改变提示方式让人们完全靠自己判断你的产品的价值,也可以帮助他们做。如果你决定利用人类不理性,就可以用不同价格的显示方式,让你的产品变得视为更有价值。比如在价格前加上“只”,“实惠”等词。把价格分解为每单位价格(例如:每天1块钱,而不是一月30块会员费) 另外,可以使用以9结尾的数来减少价格位数。

9. 尝试感谢你的用户而不是简单的完成确认

感谢的可以让你的业务,产品或UI更加人性化,表达了对用户的欣赏和关心。感谢可以引导出进一步的对话或行动。感谢您阅读这一段。 ?

10. 直接给出有意义的结果不要让用户做数字转换工作

比如显示3分钟前就比显示一个时间日期更容易理解,让用户免除一切数学计算。

11. 给予用户再次确认选择的自由

在行动按钮或选择之后告诉用户有自我选择或拒绝的自由。

网页设计的经验技巧

1、网页设计前提的需求分析。

建设什么网站,网页设计公司对于客户的需求是最为前提基础的一个方面。这个基本的调研包括:网站用户环境、服务对象、基本功能等,前期的调研越详细后期第二步的网站主题的规划就越有帮助。

2、网站主题的规划。

主题需要集中,不可过于分散,一般情况下网站设计制作在这方面花费的经历越多,网站就会越有质量。

网页设计细节问题

3、丰富的网站内容对网站受欢迎程度影响很大。

有着丰富的网站内容信息,丰富不是指的是复杂,而是指内容的深度,这样的网站才会受到网民的欢迎。因此网页设计的是不要过多注重外观的漂亮、美观程度,一个内容充实的网站肯定会排在内容贫乏网站的前面,因为浏览者在进行相关信息搜索的时候会有搜索引擎的排名网站,这样网页的点击率就会越高,相应的网站的声望就提高了,就会带来潜在的客户提高了广告宣传的力度。

4、框架结构。

有些搜索例如fast是不支持框架结构的,因此中网页设计的时候尽量不要设计image map连接。

5、特效连接。

有不少的网站建设公司在给客户设计的时候会在网站的导航连接上加上特效,例如点击某个内容的时候会展开其下层的连接,这种设计视觉上非常新颖,一般是通过java script实现的。但也分情况例如在“蜘蛛”程序中就没那么诱人,相反它就无法解读这种连接。

6、Flash。

虽然这种制作网页效果比较好,但搜索引擎对这种却不感冒,比较明智的做法就是提供flash与非flash两种网页选择。这种做法既增加了网页的观赏性,同时也考虑到了搜索引擎的情绪。

如何做到网站全面改版也不会被降权

网站全面改版对于SEO有影响吗?这是肯定的,必然的。当网站上线之后,如果经常遭遇全面改版这样的情况,如换模板、换程序等,则必然会影响其SEO排名情况,这对于很多新手站长以及刚上线的网站来说不可避免。

有的是网站在测试期间没有发现任何问题,但在上线运营一段时间之后出现了各种问题,于是三天一小改,一周一大改;有的站长可能在网站上线之后看到其他更好的模板,于是想把网站改版成喜欢的样式;也有的可能是做好网站运营了一段时间发现没有达到预期的效果,于是改作其他行业的站点,等等网站改版的各种情况,而肖俊今天要和大家说的就是最后一种网站改版情况,即将原有的网站程序全部撤掉,换上新站程序,完全是两个不同主题,也就是网站全面改版。

在我们平时做网站优化的时候,网站改版一直是一个问题,因为改版很容易导致网站被降权,严重点的可能被K,也就意味着网站之前所做的优化和努力都白费了,反而要加大力度和投入让网站重新恢复。当然,网站改版也不是没有一点好处,在我们网站SEO遇到瓶颈的时候,网站改版的确可以成为提高SEO效果的一个捷径,但是这里要注意,只能小幅改版。

既然网站全面改版,那么必然要把空间下原有的所有程序全部删除,而从SEO的角度来说这样的网站改版无异于自杀,而我为了实践网站改版对SEO不产生负面影响的程度,毅然将手上一个很久没打理的企业产品网站拿来做试验,虽然很久没管但是这个网站在搜索引擎表现良好,至少半年以上的时间没有更新过,虽然收录从之前的上百页减少至改版之前的二十几页,但快照几乎都是隔日的,这点我在总结一下本次百度大更新后的八大变化这篇文章有说过,百度对网站类型的识别度提高了,也就是说有的网站不需要经常更新仍然能够保持较好的搜索引擎友好度,比如产品展示站。

网站全面改版最好在百度更新之前

做过SEO的站长应该都做过这样一件事情,那就是在百度更新的前几天努力做外链,换链接,为的就是赶上大更新来增加外链。这次我进行网站改版也是如此,在百度更新前夕,我将旧站程序全部撤下,换上新站,然后更新了几篇原创文章,之所以原创是为了能让新文章尽快的被收录,相反如果是转载其他文章,那么可能导致内容因素而导致网站不能被搜索引擎更新到。

新程序上线之后不妨做些外链

我在新程序上线之后也和对待新站一样,开始做外链,交换链接,目的是为了让搜索蜘蛛更好的爬行新程序,从而顺利的更新,就像新站刚上线的时候可以通过外链让搜索引擎尽快的收录一样。

改版之后需经常更新内容

更新内容是为了吸引搜索蜘蛛爬行的频率,以至于实现网站被搜索引擎天天更新从而出现大家熟知的百度快照天天更新。

当然,这里也不排除搜索引擎自身的原因,比如搜索引擎对网站全面改版的敏感度降低,或者对网站全面改版已经不进行降权或者K站处理。也许百度会像对待新站一样,对全面改版的站点有一个考察期,这些因素还有待观察和实践。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章