WFU

2017年7月10日 星期一

2017 / 7 / 9 (日) 最佳網站設計大獎:蔡賢龍醫師、黃柏誠醫師






經過兩個多小時的互動實作,看到許多同學,從不熟悉網路工具,到做出自己的部落格,助教與講師們都覺得很感動。各位的作品都很棒,但一定要選擇兩位得獎的話,我們的評估重點,會在:第一印象吸引人的程度、文章排版的細膩度。

以下看看得獎的蔡賢龍醫師以及黃柏誠醫師的作品。


蔡賢龍醫師





賢龍的 banner 製作很用心,作為一個急診科醫師,他使用了紅色,表達緊急以及創傷,救護車為白色,因為白色難以做圖,所以使用灰色代替。紅與灰的搭配,相當不錯。

紅色標示的,包括「急症」、「蔡賢龍」、救護車上的醫療 logo 和速度感,非常恰當。紅色變淺,就是粉紅色,將之用於背景,並與賢龍的襯衫一致,非常巧妙。少數的顏色、多重的呼應,又能有效表達自己是個常上台演講的急診科醫師形象,是很棒的設計。




文章部分,在間隔與格式上,很細心的做到一致,子標題前兩行後一行,段落間一行。每個段落都很簡潔,適合網路時代的閱讀。很棒。




文章最後,也恰當的加上 call-to-action,引導認同的讀者前往觀賞正確影片示範。上課所教的,都有做到,實在厲害!

恭喜賢龍得獎!


黃柏誠醫師






柏誠在上這堂課前,很早就建立起自己的部落格。他並不是用我們課堂上的範本,而是從空白的範本,自行加上一個一個新思惟課堂上提過的元素,並進一步照自己的美學概念改良。

因為我們自己研發過範本,知道這樣的設計「非常花時間」,過程中所受到的挫折也一定不少。能看到一個風格與原理跟新思惟一致,但卻是自行開發的版面,真的很有意思。

其中,右邊「近期熱門」排行,他選擇讓圖片顯示出來,而每一篇文章的圖,都是一樣的比例,排成一列,會給人「這個部落格主任做事情很用心」的感覺!當天擔任助教的王姿文醫師,也作了一樣的設計,並有一樣的細膩度。





柏誠不用大 banner,但依然設定了 og:image,所以在 Facebook 分享上傳參賽時,我們能看到他所特別設計的 Facebook 分享圖,色彩搭配與網站一致,且有不錯的畫面安排。字框壓住了右邊正在抽疫苗的針筒,稍微可惜了一點,但或許這是柏誠刻意這麼做的。


 


內文編排相當有紀律,該是怎樣就做成怎樣。這裡唯一想建議的,是盡量避免純白底的圖片,否則因為邊緣不清楚的關係,會導致圖片與文字的距離很難抓。像這個圖,實際上上方與下方都是兩個空行,但視覺上卻會覺得上面留得比較多。

這點在講評提到後,柏誠就立刻更正,幫圖片加個淡淡的灰框,這也是個不錯的解決方法。或者,像是下圖的上方與中間部分,由於是藍色底,整個畫面看起來就不會那麼突兀。


 


柏誠雖然上課前就有了自己的部落格,但互動實作時間,進一步根據上課所講的,持續優化細節,甚至在得獎講評後,絲毫不鬆懈,繼續改進,實在厲害!

恭喜柏誠得獎!


最新活動