網路時代之個人品牌工作坊 | 新思惟國際: 2017 / 6 / 3 (六) 最佳網站設計大獎:李郁璇老師、李坤峰醫師 WFU

網站頁籤

2017年6月5日 星期一

2017 / 6 / 3 (六) 最佳網站設計大獎:李郁璇老師、李坤峰醫師






在台灣,在這個時代,一個好的部落格要有幾個特色:

  • 在 Facebook 轉貼時看來清楚,能代表部落格主人,也讓人想點進去看。
  • 點進去後,部落格有清楚大器的視覺第一印象。
  • 網站架構清晰,文章格式固定,閱讀體驗良好。

得獎的兩位同學,都做到了。以下一起來看!


李郁璇老師






李郁璇老師的作品,很令人驚艷,尤其如果你已經是郁璇老師粉絲,追蹤他過去的部落格好幾年的話,會深刻感覺到他在這次學習的用心!

首先是網站 Banner,選擇低調不露臉的方式,TEACH 的大字清楚的說明自己是教育工作者,後頭大量的書籍,也暗示這是一位很喜歡閱讀進修的老師,左上角的文字排列設計很棒,對齊也相當不錯。

進一步建議的話,「老師」二字偏小,會有「李郁璇小老師」的意思,建議跟名字一樣大,並考慮去掉名字與頭銜之間的空格。下方的 x,似乎左邊那個 x 離「動機」比較遠,離「思考」比較近,建議不要有空格,保持一致。

如果是為了上下排文字要對齊的話,在 PowerPoint 中,您可以手動輸入文字大小,不只 27 或 31 這種的可以微調,還可以細到 17.5 這種有 0.5 的小數點。選擇一個最靠近的大小,然後再開「左右對齊」,一定可以做到自然又精準的程度。





郁璇老師的領悟力很好,文章格式都有照上課建議的做,不過「作者:李郁璇」的部分,忘了「移除格式」,所以目前顯示為新細明體,建議到後台觀察一下,是否有多餘的 html 碼指定字體,並用移除格式功能處理過。

圖片的設計也不錯,不過三張平面化圖示風格並不相同,左邊的空心、中間的實心,右邊的為線條。日後可以找相近風格的圖示,會更整齊。





郁璇老師的學習動機與成效實在厲害。這邊展示的是他的內文處理,上課所說的重點幾乎都做到,閱讀起來相當舒服!

李老師的學生們實在幸運,有個這麼積極適應數位世界的老師,從傳統教具如各種卡片的情緒引導、創意歸納,到使用數位工具如手機拍攝,協助小朋友訓練上台即席演講,現在又積極整理自己的網路足跡,讓更多人能有效的給自己的孩子或學生引導,實在用心!

恭喜郁璇老師!


李坤峰醫師






坤峰醫師本週從後山花蓮出發,北上屠龍,連續在週六週日兩天,參加個人品牌以及統合分析兩個工作坊,竟接連得獎,實力雄厚。

這個 banner 的設計,實在厲害,把所有與自己有關的元素,都清楚陳列出來,包括有山有雲的花蓮、熱愛電腦的醫師、自己的腎臟專業等。網站標題與副標題也一樣清晰,腰子、後山、隨筆等字非常親切。

畫面以藍色與綠色這兩個相近色為主,搭配層次得宜,文字圖片平衡且飽滿。就是一張看了令人喜歡,且想進一步閱讀的好 banner。





簡歷部分,整理得很好。個人照片,建議也可以使用範本,做橫向配置。主要是因為在台灣,直向照片、大張、微笑、置中、左右肅淨,往往會跟靈堂聯想在一起,如果改做橫幅,並有空間延伸感,就能避免。

坤峰大學時代就已經是電腦社社長等級的高手,這裡稍微提個有點年份的電腦宅男如我,可能會在意的事。過去我們會認為直接在網頁上放 email 地址,會被收集並投放垃圾信,但這幾年我自己實際實驗下來,會發現 Gmail 的擋垃圾功能實在太強,真正想找你的,跟只是亂投詐騙或垃圾信的,區分準確率甚高,所以直接放上 email,的確對讀者更為友善。





在文章中的配圖,建議可以放「原始尺寸」,讓他充滿版面。我們的範本,你放原始尺寸的話不會爆棚,會自動符合螢幕寬度,如果已經按了「原始尺寸」,圖片仍小,那就表示您原本的圖片尺寸太小了。建議使用上課所附的範本來製作並輸出圖片。

坤峰醫師原本的資訊能力就強,加上這幾年鍛鍊出的簡報設計功力,以及課程中所學到的各種網路經營模式與技巧,未來部落格精彩可期!

恭喜坤峰醫師!


最新活動