设计网页时存在的一些问题
字体的排版的问题之大,远非绝大多数非设计人员想象的那么简单。文字和字母看起来很简单,但是它们可以成就好设计,也可以毁掉整个版面。下面介绍设计网页时存在的一些问题,希望对您有所帮助。
一、排版对比度的问题
字体的排版的问题之大,远非绝大多数非设计人员想象的那么简单。文字和字母看起来很简单,但是它们可以成就好设计,也可以毁掉整个版面。
在许多“自制”的网页中,最常见的问题是标题和正文字体之间的对比度较低,整个页面的信息层级不明显。仅仅只是调整字体大小并不足以构成对比,标题字体的字重应该比正文更大,也就是说字体应该更粗,确保它们够显眼,更容易被眼睛注意到。
二、对齐和留白的问题
留白,这个我们在说过,很多次了,在这里在说一下,对齐和留白。说留白和间距是一门艺术也不为过。留出足够的空间,又不让视觉元素周围的间距太多以至于过于稀疏,这是设计中最难控制的部分之一。优设有太多的文章介绍留白和排版的技巧,但若你不想记那么多复杂的技巧,给你推荐一个简单有效的方案:第一,要确保所有元素都合理而得体地组合到了一起,第二,在这组元素之外给出足够的留白。
三、一致性的问题
你应该始终保持产品和品牌的一致性,从品牌设计、网站设计到社交媒体、包装和广告,都应该具备品牌识别度。
不过在实现这些远大的目标之前,先退一步来看,你有必要让网站本身先与自身保持一致性。你的网站字体的样式是否保持了一致?LOGO上的品牌用色与网站的配色方案是否对应?网站的各个元素的阴影样式是完全一样,还是“看起来很相似”?通常情况下,你只需要仔细清理你的CSS样式表,就可以解决许多一致性的问题。
四、为图标添加自动提示问题
在网站中,图标可以优雅而简洁地将某个特定的动作信息传达给用户。但是要牢记,不是所有用户都能立刻明白图标所代表的意义。因此,当用户将鼠标置于图标之上时,随即显示关于这一图标所代表的功能就显得尤为必要。有了这个细节,网站的新用户即便不明白图标的含义,也不会因胡乱点击而导致错误了。
网页设计与制作应该注意什么
1、命名要简洁
由于一个网站不可能就是由一个网页组成,它有许多子页面,为了能使这些页面有效地被连接起来,用户最后能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页,在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时,最好使用自己常用的或符合页面内容的小写英文字母,这直接关系到页面上的连接。
2、要及时更新
网页制作好后,不能说万事大吉了,其实事后的工作量更大。因为网页制作是一时的,而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉,比如用户无意中点击了页面中的一个连接,在苦苦的等待之后,换来的是无法访问的结果,那么他们会对你的网页大失所望,可能以后再也不会光顾你的网页了。若不能及时更新,也最好在主页上发布信息,告诉前来访问的朋友,因有特殊情况需要离开一段时间,未能及时更新主页,希望各位见谅,这样就能给人一种对别人负责的感觉,同时能得到网友的信任。
3、注意视觉效果
设计Web页面时,一定要用640×480和800×600的分辨率来 分别观察。许多浏览器使用640×480的分辨率,尽管在800×600高分辨率下一 些Web页面看上去很具吸引力,但在640×480的模式下可能会黯然失色。作一点小小的努力,设计一个在不同分辨率下都能正常显示的网页。
4、注意网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。
5、少用Java程序
不要使用大幅面的Java程序&def能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受,往往使浏览者没有耐心等页面全部显示出来,这样你的精心设计便毫无效果啦。
6、 少放网站地图
许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。
网站布局的技巧
1、布局来源于用户需求。根据用户需求,在网站上填充用户想要的内容,对于用户来说,停留网站的理由就是网站有用户想要的内容。比如:用户想要找美术培训班,你非要让他去音乐培训班,你想是怎样的。想想看,在便利店里,消费者找到想要的内容,你想消费者还会逗留吗?做网站 也是一样的原理。
2、布局来源于用户体验。用户既然有需求了,那就会有顾虑,网站布局和排列就显得尤其重要,一步一步消除用户的顾虑,用内容排列来吸引用户,停留时间自然就长了。例如:在便利店的商品是多种多样,排列非常整理,而且种类清晰,环境也好,这样消费者买完之后,也会在买别的商品,此时消费者不是在消费,而是在享受。反之,进入杂货铺,乱七八糟,虽然有消费者想要的,但费了九牛二虎之力,才能找到,此时消费者早已离去。所以,内容的排版和布局很重要。
3、站布局来源于用户选择。用户具有选择权,所以网站的内容要有精华,要是完全是抄袭,没有自己特色,用户当然会选择离开。例如:教育培训,用户的选择很多,为何要选择你呢?在这个时间,要抓住用户的顾虑来做布局,此时的顾虑无非就是成功学员案例,师资力量,督导团队,教学质量跟踪,定期回访,定期与家长沟通,课程安排……等,网站布局显得尤为重要,一步走错,满盘皆输,调整好顺序,每一个主题都要经过仔细的斟酌,让用户有兴趣看完你要展示的所有的内容,这样不但能消除顾虑,而且能产生转化。反之,顺序颠倒,虽然有内容,但用户看好不知道在展示什么,都是重点就没有重点。这就好比穿衣服,由内向外,不可能从外向穿吧。所以网站布局要满足需求,由浅入深,一步一步展现,这样让用户看起来很舒服,当然也就会选择你咯。
总结:刚开始做网站布局的时候比较迷茫,感觉无从下手,不知道首页要放哪些内容才好,其实是我们想多了,大家可以多跟同事、朋友交流,因为你的用户就在你身边,也是就俗话说的“当局者迷旁观者清”。同时,大家在做网站布局时要注重用户体验,特别是色彩的搭配,让用户在浏览的时候,享受视觉体验和感官体验,在结合用户的痛点,让用户产生消费的欲望。
企业网站首页设计常见的布局方式
一、大框套小框的网站布局
这种布局方式即是我在上面提到的常见的网站布局,不是说这种网站布局方式一无是处,但我们总不能只会这一种布局方式,次次套用吧?按照这种布局当然也可以做出来漂亮的设计,但毕竟方框限制的视线的扩展,如果客户要求做出大气的感觉,一般不会按照这种方式来布局,通常来讲,大气意味着开阔视野。
二、通栏布局
这种布局方式让视线不再受到方框的限制,比起上面的布局方式,自然多了些大气、开阔的味道来。另外,主视觉部分还可以灵活处理,既可以向上拓展到logo和导航的顶部位置,也可以向下拓展到内容区域,这种布局方式也是非常常见的布局方式。
三、导航在主视觉下方的布局
这种虽然不多,但也时不时能看到,导航放在banner下面的好处是可以弥补banner中设计素材截断的缺点,让设计看上去完整、自然。所以说布局的方式受到多方面因素的影响,不仅考虑到信息内容所占据的空间,还包括你手头现有的素材。
四、左中右布局
这种布局方式不常见到,但却是非常富有新鲜感的布局方式,如果你已经做腻歪了水平分割的设计,尝试一下这种布局也未尝不是一种好的选择。
五、环绕式布局
这种布局方式看上去更加灵活,banner区域相对较小,就可以在页面放置更多的信息内容。
六、穿插式布局
这种布局在企业站中较难看到,用的不多,banner区域相对较大,可以作为一种布局的选择。
上面的六种布局方式只是一些常见的企业类网站页面布局,布局的方式还有更多。实际上,布局就像是摆积木,只要遵循重要信息靠左、靠上,次要信息靠右、靠下的原则即可,并没有规定一定要怎么布局,或者这种布局方式要比那种更好,只能说某种布局方式更为合适某个页面而已。所以,大家多做尝试,从你手头正在做的项目开始,尝试一下不同的布局方式,给你的设计增加一些创意和新鲜感。