WFU

2018年4月16日 星期一

2018 / 4 / 15(日)最佳網站設計大獎:王凱平醫師、蕭逸函醫師






在新思惟課後的學習中,最棒的就是聽到針對「已經做得不錯的作品」的各種進一步講評。包括得獎解說,以及課後回饋。

以下,我們將介紹那些差一點得獎的作品,還能改進什麼。然後,一起來欣賞王凱平醫師與蕭逸函醫師的得獎網站!

這次我們也會列處幾位傑出校友的作品,給各位做比較與參考。感謝葉濡端醫師、余宜叡醫師、林舜穀醫師、盧育成醫師!


那些還可以改進的地方






拍照的時候,光線很重要,在畫面中,由於醫師服與牆壁大面積的白色,使得臉部相形變黑。建議日後拍照前,尋找燈光充足的地方,使用閃燈,或拿個檯燈對臉上打光。這些都是低成本而能得到理想狀況的作法。

校友的部落格中,類似構圖的有葉濡端醫師部落格,歡迎前往比較 banner 曝光差異。

葉濡端醫師部落格





這張照片最明顯需要調整的,是壓字的位置,因為所有的人視線都往左下集中,但到底那邊有什麼呢?好奇過去看,卻被文字方塊遮蔽,導致視線截斷,非常可惜。

後方的學弟,雖然是個自然的姿勢,但容易被解讀為「袖手旁觀」,右方家屬專注的神情,卻也有些「監督」的感覺,似乎不甚友善,或可考慮其他照片。

同樣一群人圍著的設計作 banner,可參考余宜叡醫師的部落格。您會發現這些問題都不存在。一張做 banner 的照片,畢竟是門面,就是要這樣方方面面去審視。

余宜叡醫師部落格


 


照片本身相當不錯的,投入的神情,80 年代的色彩風格,很像漂亮的機車擋泥板,有帥氣郭富城、林志穎的那種。但壓字的位置放在頭上比較可惜,建議可以考慮右上角沒有重點的負空間。另外,視線朝左,但文字朝右閱讀,動線發散。

對於頭像與文字之間的關係,可參考林舜穀醫師部落格。

林舜穀醫師部落格





畫面的重點在於對比最強的左上角文字方塊,其次是左下角的文字,右方的圖片在順位上偏後,且機器又大又亮,人變成配角,有點可惜。

既然是個人部落格,「人」應該是主角,即使達文西體積大,或許我們也可以考慮站起來拍,或只拍局部,例如以人臉和上半身為主,機器帶到一部份,剛好有 da Vinci 字樣就行。

想要以一些配件來展示自己的專業能力,可以參考盧育成醫師的部落格。他用了幾個道具,讓大家很清楚知道他的兒童牙醫專業,整體視覺形象處理得很清楚,也沒有被陪襯物喧賓奪主。

盧育成醫師部落格





兩個標題的左緣沒有對齊,因為上方的標題前多了一個空格。標題前請空兩行,標題後則是一行。現代人閱讀節奏快,對小規模成就感高度成癮(如消掉 Facebook 或 LINE 討論串的紅點),所以,文字務必在 3 行左右就要考慮換行,帶來「我又讀完一段」的小小成就感。這裡看到的段落都太巨大了,很難吸引讀者閱讀。


王凱平醫師






王凱平醫師的 banner 設計得很不錯,專長是運動傷害,所以選用的圖片肌肉發達,很明顯是運動員。左下角搭配中醫針灸與西醫注射,清楚說明自己的專業工具。如果能找到淺色的針灸圖,風格將更為一致。





圖片上下的空間剛好,選圖也有用心,符合主題。不過,如果想要大家更注意自己的專業,避免惹上不必要的公關危機,可考慮避開使用「女性肌膚暴露率」太高的照片。





凱平醫師的分段很有紀律,該怎麼做就怎麼做。文章都用全形符號,看來相當整齊。能在一天的學習中,學到就做到,很不容易!





或許因為是之前就準備好的圖片,所以比例是方形的。建議日後做圖,都用所附的範本處理過,使之都是 1200x628 的比例,這是因為不管在手機或桌機上看,方形與直向的圖片,都容易對文章造成截斷的效果,如果能都統一為橫式,且比例一致,文章的一致性會更為理想!

凱平的網頁能很有效的傳遞他的專業特色,實在不錯。恭喜得獎!


蕭逸函醫師



 



蕭逸函醫師的部落格設計,簡單並具有專業感,「氣」字呼應自己的胸腔內科專業,毛筆字並有畫龍點睛之效。

兩點補充,或可作為日後修改之方向:
  1. 臉部的橘黃色太重,飽和度偏高,建議可以稍微調降飽和度,並用簡單的繪圖程式調整曲線,手機我推薦 Snapseed,有 iOS 與 Android 版本,電腦的話,我用的是已經沒在更新的「光影魔術手」。
  2. 「氣」字雖然不錯,但容易聯想到氣功或中醫,這部分日後要怎麼修改,讓人聯想到西醫的呼吸,或許可以再研究看看。





逸函的文章配置很不錯,標題、作者、圖片、內容,都擺放得很恰當。





有條列式項目時,建議使用編輯列中的「項目編號」或「項目符號」,讓網頁替你做排版,會更好看!





圖片中出現英文,可能讓一般讀者感到不友善,當然,如果該品項目前沒有良好的中文翻譯,也沒辦法。





最後的門診連結,建議置中。版權宣告,則建議合併到頁尾的 footer 中。請參考課程網站「互動實作」頁面,向下滑看到 CTA 以及最底下的版權宣告。

互動實作頁面

逸函的網頁有很不錯的開始。恭喜得獎!


最新活動