做好看网站的五个原则

2021-05-28 来源:www.0579es.com 作者:宇讯科技 阅读 1378


把握设计五个原则,做好漂亮的网站

 

一、颜色搭配

颜色是画面中最明显,给人最直接感受的部分。 务必要考虑到整个画面带给视觉的感受是不是舒适的,厉害的颜色搭配甚至可以增进好奇心与购物欲。

如果是形象网站,建议选择与Logo、首页图、产品、制服等属于公司的元素为标准,选择与之搭配的颜色;购物车网站很适合用撞色的方式让人感到兴奋并增加独特感,只要看起来不奇怪,就可以创造别具一格的商城网站。

抓出重点

除了顏色的使用之外,透明度、明暗度這類的設定也可以幫助用戶更快抓到網站的重點,而決定要繼續看還是離開。舉個例子: 除了颜色的使用之外,透明度、明暗度这类的设定也可以帮助用户更快抓到网站的重点,而决定要继续看还是离开。举个例子:

在这个范例中,商品的图片重点为两只猫,透过将背景模糊化,能让视线聚焦在商品上;另外在下方虽然有很多的文字在说明该商品的价格,但最明显的是特价、折扣的部分,诱导用户因为有更划算的选项,而更愿意选择消费。

 

 

三、按钮位置

 

网页制作中常提到的「按钮」可以解释为「图片加上超连结」的组合,图片大小、形状、连去哪里随你想法。

像这样:即便你没特意插入,每个网站都一定有按钮,最基本的按钮是网页的选单,以本站为例,圈起来的地方皆是按钮:

即便你没特意插入,每个网站都一定有按钮,最基本的按钮是网页的选单,以本站为例,圈起来的地方皆是按钮:

其实按钮的作用就像是导航,带领用户找到他想看的东西,那么,有哪些东西加上按钮会有更好的效果呢?

  • (1) 联系方式、拨号/加好友
  • (2) 相关资讯、延伸阅读
  • (3) 前往声明/说明页面
  • (4) 下一则/下一页

将按钮当作任意入口不只可以增加视觉上的丰富,也可以让用户感觉更方便、提升对于网站的使用体验。

 

 

四、前端语言

想要做更多元、更独特的网页设计,还是要靠程式语言,网页设计的代码、html、CSS……都可以做出比基本功能更多的画面,让网站看起来与众不同,但是需要花多一些时间研究。

不会凭空写出前端码也没有关系,网络上有很多版面资源可以使用(注意来源合法知识产权风险),但是在套用之前一定一定一定一定一定要先备份!网页设计是牵一发动全身的工程,如果只是想要改一个地方,保存后却发现整个画面都跑掉了,在没有备份的状况之下只能欲哭无泪地花更多时间调整回来(还不一定回的来)。

五、众人评价

设计最怕的就是「我眼中的花,你眼中的土」,当完成了觉得很漂亮的成品后,记得传给一些亲朋好友看,听听他们怎么说。如果你不想让别人知道那个网站是你在经营,也可以直接说「我觉得这个网页里面的____部分很好看耶,你觉得咧?」或是「我觉得这个站看起来好赞,你会想买吗?」之类的问句,观察对方的反应,搞不好会得到不一样的灵感喔!


相关文章推荐