我們在「網路行銷必備基礎觀念篇」一文中提到,一個網站由主機、網域、網頁組成,各有付費與免費的架設方式;也點出「完整的網頁設計會動用到大量的專業知識及操作技能」這個部分,然而沒有這方面背景就沒辦法做出精美網站嗎?不是的。這句話的重點在「完整的」,兼具美觀、功能性、效益的網頁設計是非常複雜的,但是仍有一些小技巧可以做出一個漂亮的網站,這邊會分享五個。
把握設計五原則,做出好看的網站 |
---|
一、顏色搭配
顏色是畫面中最明顯、給人最直接感受的部分。務必要考慮到整個畫面帶給視覺的感受是不是舒適的,厲害的顏色搭配甚至可以增進好奇心與購物慾。
如果是形象網站,建議選擇與Logo、首頁圖、產品、制服等屬於公司的元素為標準,選擇與之搭配的顏色;購物車網站很適合用「撞色」的方式讓人感到興奮並增加獨特感,只要看起來不奇怪,就可以創造別具一格的網路商店。
二、抓出重點
除了顏色的使用之外,透明度、明暗度這類的設定也可以幫助用戶更快抓到網站的重點,而決定要繼續看還是離開。舉個例子:
在這個範例中,商品的圖片重點為兩隻貓,透過將背景模糊化,能讓視線聚焦在商品上;另外在下方雖然有很多的文字在說明該商品的價格,但最明顯的是「特價」、「折扣」的部分,誘導用戶因為有更划算的選項,而更願意選擇消費。
三、按鈕位置
網頁製作中常提到的「按鈕」可以解釋為「圖片加上超連結」的物件,圖片大小、形狀、連去哪裡隨你開心。
即便你沒特意插入,每個網站都一定有按鈕,最基本的按鈕是網頁的選單,以本站為例,圈起來的地方皆是按鈕:
其實按鈕的作用就像是導航,帶領用戶找到他想看的東西,那麼,有哪些東西加上按鈕會有更好的效果呢?
- (1) 聯絡方式、撥號/加好友
- (2) 相關資訊、延伸閱讀
- (3) 前往聲明/說明頁面
- (4) 下一則/下一頁
將按鈕當作任意門不只可以增加視覺上的豐富,也可以讓用戶感覺更方便、提升對於網站的使用體驗。
四、程式語言
想要做更多元、更獨特的網頁設計,還是要靠程式語言,網頁設計的原始碼、html、CSS……都可以做出比基本功能更多的畫面,讓網站看起來與眾不同,但是需要花多一些時間研究。
不會憑空寫出程式碼也沒有關係,網路上有很多套版資源可以使用,但是在套用之前一定一定一定一定一定要先備份!網頁設計是牽一髮動全身的工程,如果只是想要改一個地方,儲存後卻發現整個畫面都跑掉了,在沒有備份的狀況之下只能欲哭無淚地花更多時間調整回來(還不一定回的來)。
五、給其他人看
設計最怕的就是「我眼中的花,你眼中的土」,當完成了覺得很漂亮的成品後,記得傳給一些親朋好友看,聽聽他們怎麼說。如果你不想讓別人知道那個網站是你在經營,也可以直接說「我覺得這個網頁裡面的____部分很好看耶,你覺得咧?」或是「我覺得這個站看起來好讚,你會想買嗎?」之類的問句,觀察對方的反應,搞不好會得到不一樣的靈感喔!
蘋果網頁設計公司分享以上五個小技巧希望可以幫助到想做出精美網站的人!無論是現成的資源或是委託專業網頁設計公司做出來的網站,你都握有很大部分的選擇權。要一個人從0開始可能很難,需要花時間經營自己生意的人更沒那麼閒功夫去慢慢嘗試,但是只要把握住幾個原則,要做出賞心悅目的網站真的不難!
在做網頁設計時遇到瓶頸了嗎?你可以填簡易的表單聯絡我們,讓我們為你解答。
延伸閱讀:
◆ 我們的Instagram帳號中有許多網頁設計、SEO的資訊和成功案例,很多問題在上面都有圖文解說。