首頁 部落格 參加網頁設計競賽的建議與方向
Trista
Nov 09, 2018
Hi~Hi~ 我是iWare的前端設計師。樂於嘗試各種新奇古怪的事物,絕對無法抗拒期間限定的衝動型購物者,喜歡鋼筆與可愛的小東西,天敵是昆蟲與心裡就像海底針的客戶(ó﹏ò。)

參加網頁設計競賽的建議與方向

網頁是網路資訊傳遞的一種方式,雖然跟社群媒體、通訊軟體相較起來,既不即時又不快速,但是他卻很容易被搜尋引擎檢索,至今仍是許多企業、團體、單位最主要的數位媒體。台灣每年大約有一、兩個網頁設計的競賽主題,主要的對象以接觸數位設計的高中、專科為主,也有一些競賽是以大學為對象。

網頁設計的競賽方式雖然各有不同的重點,如何從眾多作品中脫穎而出,馬路科技iWare網頁設計提出了建議,可以給即將參賽的同學們一點方向。

 

內容與創意是主角

大部分的校園網頁設計比賽,重視內容的呈現,文化類的題材一向十分容易發揮,一來符合目前學校的主流教育方向,二來也比較容易取。最基本的內容表現方式為文字,必須遵守原創的原創、不抄襲的原則,以自己的想法寫出內容,這是最基礎的作法。

內容的表現方式關係甚大,許多網頁設計比賽取得優勝的團隊,使用了精緻的圖片、影片、多媒體製作技術,內容的呈現也可以表現出團隊的技術力,例如攝影的能力、照片處理的能力、影片後製的能力等等。現在的智慧手機都能拍出高品質的影片,加上各種多媒體的APP可以製作出專業的影片,善用軟體可以為參賽者帶來更多優勢。

除了內容外,創意也是另一個重要關鍵,千萬別小看創意的部分,今日網路商機無窮,很大的動力來自於創意。舉例像是美國亞馬遜的購物評價功能,讓你消費前貨比三家還能看到商品評價?還有TripAdvisor旅遊網站提供的客戶評價功能,讓人可以享受高品質的旅遊體驗,這些網站創新功能,不僅創造龐大的商機,也改變了你我的生活。

要找到適合網頁的創意,首先你要定義清楚「什麼是創意」,是創新的功能呢?創新的使用界面呢?創新的互動方式?創新的訴求...等。不論創意的目的為何,該如何用網頁呈現出你的創意,你可以先想好方向,在看看網路上是否有值得參考的對象或組織,如果你願意的話,不妨請教專家,如何讓你的參賽作品做得更好。

 

網頁設計技術為輔

如果要增加得獎的機會,網頁設計技術仍是很重要的一環。先不談單純的視覺設計部分,控制網頁的HTML是構成網頁的基礎,如何正確使用HTML指令製作選單、製作表格、崁入影片等技巧都不會太困難,但是如何看起來舒適,精緻,就考驗著參賽者的技術了。

如果HTML已經駕輕就熟,可以考慮進一步的學習更多技巧。要將網頁設計得好看,專業的設計師一定毫不猶豫地告訴你--CSS技術是必須要學習、網站要具備更多視覺變化,也得用到Javascript,他可以創造出萬變的網頁特效。最後,網站要具備「功能」的話,就必須要使用程式設計結合資料庫,上述的這一些進階的技巧,是網頁設計師是業餘的設計師,以及專業的設計師的重要分水嶺。

參賽者也不用急於將技術全部融會貫通於一身,因為在網頁設計的領域,專業分工已經是常態,視覺設計的交給設計專員,功能面的部分交給程式設計師處理。目前業界也經常將'網頁視覺設計的專家稱之為「前端工程師」,程式功能開發的專家稱為「後端工程師」。

題外話,由於是網頁設計競賽,自然就不能使用架站軟體,例如Wordpress或是XOOPS,雖然在網頁設計產業領域,內容管理系統、架站工具已經很普及,但是大多競賽不能使用。

 

數位設計永遠都有新玩意

如果你對網頁設計有高度的熱忱,那麼很恭喜你進入了一個新的領域。網頁設計永遠都有新技術與新趨勢,產業也一直需要設計新血加入。

網頁設計的領域不只單純的網頁呈現,仍有很多隱藏在背後的技術仍須學習,像是使用者介面、使用者體驗、網頁用戶的統計與追蹤、網路行銷、數位廣告的設計...等,每個領域都有不同的課題,舉例來說,或許目前的做法適合產品頁面的呈現,但是新聞報導的頁面呈現又不一樣,這跟用戶的體驗(UX)有很大的關係。

不論競賽的結果如何,即便目前你的作品,或許跟大企業、大品牌相比之下,水準還是差了些,但這不表示你不會進步。請多看看網頁設計產業的發展,尤其是海外的設計師,他們多半會使用更大膽的創意在他們的作品中,學生尚未進入社會,有個很大的優勢就是允許大膽的嘗試,挑戰一下自己吧!!

 

「賞金獵人」網站查看網頁設計競賽
https://bhuntr.com/tw/search?q=tags%3A%E7%B6%B2%E9%A0%81&period=all

圖片來源 Pixabay 作者 qimono

超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
Free Resource
Free Resource
Apr 08, 2019
Google協作平台製作網站的優缺點分析
Google協作平台製作網站的優缺點分析
Free Resource
Free Resource
May 07, 2019
淺談無障礙網頁設計2.0
淺談無障礙網頁設計2.0
Ryan
Ryan
Jan 11, 2019