WFU

2018年5月8日 星期二

2018 / 5 / 6(日)最佳網站設計大獎:徐芳生治療師、林君曄醫師






能在互動實作時間,協助每一個同學都做出自己的網站,是我們的榮幸。甚至有同學深深感動,覺得自己的電腦技術不好,竟然也能搞定,很有成就感。

人生路上,總有我們不熟的技能,找對的人學,不斷練習,絕對是上手最快的方式,就像我(蔡依橙)最近在學 5v5 MOBA 遊戲一樣 XD

以下的講評,我們將先分享一些同學們常見的「可建議點」,然後介紹兩位得獎者:徐芳生治療師與林君曄醫師的傑出作品!


那些常見的「可建議點」






每個網站都會制訂自己的識別色,圖片部分,包括 banner、背景,文字部分,則是超連結的指定色。這位作者選擇的超連結指定色,是鮮豔的藍色,一般建議,如果是專業人士的話,避免使用這種高彩度的「小朋友藍」,選用中等彩度,比較能傳遞穩重與可信賴感。

圖片忘了放全尺寸,如果設定正確,圖片卻還是小,那就是解析度不夠,建議購買更高解析度的照片。

右側邊欄的「關於我自己」建議去掉,因為讀者一定會對你感到好奇,但「檢視我的完整簡介」點進去看,會發現那是 Blogger 系統的一個沒做設計的頁面。請人家來檢視完整簡介,結果並不完整,這樣的使用者體驗是不理想的。

想知道怎麼做「關於我自己」的頁面,請參考以下兩個網頁,上方功能列與對應網頁的作法。

關於作者 / 蔡依橙
個人簡歷 / 許君豪




子標題後的內文,最好能超過一段,一段也最好能有三行左右。目前內文有點少,比較可惜。文章結束後,enter 數過多,且有張照片沒出來,破圖了,建議修正。





自在呼吸的愉悅感,的確符合這位醫師的專業:「讓人呼吸覺醒」,但這是西方人啊!他鼻子挺、鼻孔大,對台灣讀者來說,共鳴度較低,日後買圖的時候,可以在搜尋時加個 asia,就能找到亞洲人的圖,即使是東南亞人,也比畫面上這位更像台灣人許多。





使用我們的 PowerPoint template 做圖時,請在保持原本比例的前提下,把圖片放好放滿,滿出去都可以,避免左右(或上下)出現大面積的白邊。視覺效果更好!





這篇文章很棒,破除「有種冷是媽媽覺得你冷」的思想枷鎖 XD 上方的子標題之後,請空一行,與內文隔開。下方的子標題,用了多種不同的上引號,建議移除最後那個,前面兩個,用「」這種引號代替,會好看許多!





我看到文章一開始有連結,就很好奇,這一定非常重要,才會被放在圖片之前,點進去看,竟然是「新思惟之友」XDD 不是啊,同學,雖然預防乳癌很重要,但放這裡也太奇怪了吧 XD

我們要很注意自己的文章,每一行、每一句、每一個連結的精準度,才能讓人順暢的閱讀,並相信我們在專業上,也是一樣細膩!

右方的「熱門文章」,建議設定成不顯示「片段」,畫面會更好看。

以下,是得獎的傑出作品介紹!


徐芳生治療師






芳生已經耕耘了一陣子,文章不少,而且有梗,這次是來幫網站換裝潢。他放了很多心思在設計上,值得鼓勵,以下我們會針對視覺的部分,加以建議。

在 banner 的設計上,可能要再斟酌。我看過他的履歷,知道他想表達的,是自己會做骨科復健、小兒復健、心肺復健與神經復健,但畫成四個人,就變成好像是一個科室而非一個人了。加上右邊的盒子,感覺很像冰箱,似乎打算把這些人都冰進去 XD 「巨塔」這個詞,雖然是醫療從業人員的自嘲,但對一般讀者,產生的負面印象可能比較多,容易聯想到鬥爭、階級、無意義的行政等,建議換掉。





最有意思的是文章跟圖片本身。文章直接挑戰「小孩放著就會自己長大」的放養派,並作了一張最近很紅的佛系圖揶揄之,能量充足。佛系照顧者圖,右方的白字,可以考慮讓右緣切齊,會更理想。

芳生的主題訂立,是吃網民跟年輕族群的,可以觀察看看,自己所工作的環境,以及所服務的患者們,是否真是這樣的特性。如果是,可繼續強化之,如果不是,則要考慮轉換寫作風格。





文章本身的分段非常不錯,大約三行左右就斷開。閱讀體驗做得不錯!





最後的 Note:,三點提醒。第一,適當使用子標題後,同學們會漸漸發現,冒號幾乎都是多餘的。建議砍除。第二,Note 是英文,建議改為中文「附註」,更容易被潛在受眾有效閱讀。第三,裡頭的三點,可全選後,用「項目編號」,讓電腦幫你編 1 / 2 / 3,還附贈漂漂亮亮的縮排,值得一試!

芳生在許多細節都有想法與實踐,接著就是細節與視覺的優化,然後繼續尋找最適合自己潛在受眾的文章風格,必能有傑出成績!


林君曄醫師






林君曄醫師的 banner 設計相當不錯,名字帶到人,表情非常專業專注,機器與客人都明確指出其醫美專業。可惜的是,目前整體視覺重心偏左,建議重構版面,使更為平衡。





君曄的背景做成漸層,這是因為上傳範本後,又不小心點到其他的主題。講評之後,君曄請助教幫忙解決了。至於漸層為什麼不好?是因為其風格與 banner、文章區的簡單色塊與直線,並不相符。





內文分段相當不錯,很容易閱讀。但建議減少使用雙問號??,因為這是漫畫世代的特色,漫畫作品,會用重複或甚至放大,表達極度誇張的情緒。但如果我們回想,正式文件或專業論文,幾乎不會這樣使用。這表示,如果我們想傳遞專業感、可信賴感,簡單並精準的標點符號是有必要的,用一個?就好,畢竟我們都長大了,不再是小朋友了 XD





文章結束後,可以考慮放上 CTA (call-to-action),請認同你且讀到這裡的讀者,點一個連結。如果暫時想不到什麼 CTA,那保留兩行空行即可,目前這樣有點多。

君曄醫師很用心準備的照片,做成很棒的 banner,加上在內文處理的用心,獲得大獎!恭喜!


最新活動