網路時代之個人品牌工作坊 | 新思惟國際: 2023 / 3 / 19(日)最佳網站設計大獎:施銘洋醫師、江佩璋醫師 WFU

2023年3月20日 星期一

2023 / 3 / 19(日)最佳網站設計大獎:施銘洋醫師、江佩璋醫師





經過了疫情,大家都深切感受到網路的重要性,我們依賴網路尋找資訊並前往,我們依賴網路開會並視訊。不管是醫療服務、餐廳或外送便當,都高度依賴網路上的視覺訊息和評價。

不只是 Google,連 ChatGPT 或 Bing Chat,也非常仰賴網路上公開的資訊。在這個時代,讓自己在網路上具有存在感,就能夠在別人搜尋的時候,佔有一席之地。

經營個人品牌,就是在網路世界中,爭取一個自己的發聲空間。如果沒有自己的部落格,網路上的我們,就將由匿名論壇、討論區,或甚至新聞報導,來定義我們是誰。

經過一個早上的分享,大家都了解建立網路發聲管道的重要性之後,在中午都順利的做出了自己的網站。以下我們就來看看,各位同學們的網站中,那些還能夠建議的小細節,並進一步欣賞兩位得獎同學的作品。


那些還能建議的細節





在部落格的建置過程中,有許多因素,是環環相扣的。譬如說範本的設計,就跟適合的 banner 尺寸以及文章圖片的大小連動。同學選擇了自己喜歡的範本,但與我們課程所想分享的各種做法,就稍微格格不入。

助教也已經協助同學成功換上我們的範本,在這邊截這張圖,只是為了讓各位能夠理解,其實很多時候,網站設計含有非常多的因素,要能夠全部一次掌握,其實有困難。我們的課程設計了一套方法,讓大家能夠快速的上手,也蠻建議各位可以直接使用這樣的做法。




看出來這篇文章哪裡怪怪的嗎?沒錯,他沒有標題。或者你可能會覺得,它的標題應該是「皮膚搔癢」,只是字體比較小而已。

但如果我們再看右邊的網誌存檔清單,會發現這篇文章的標題似乎特別長?這是因為作者忘了把「皮膚搔癢」這四個字放到標題區,導致部落格系統在判定標題的時候,只好去內文拿大量文字來用。至於要怎麼避免這樣子的錯誤,我們看看下一張圖。




在寫部落格的時候,請記得把我們寫好的標題貼到部落格編輯區左上角的「標題」欄位,這樣子系統才會知道我們這篇文章的標題是什麼。




這位同學的行距跟段落間距看起來都特別寬。視覺上會覺得有點鬆散,這是因為貼文前選到了「段落」而非「一般」。正確的做法,請參考手冊第 49 頁。




如果你不太確定自己是不是選到正確的模式,可以在文章上按下 Ctrl-A 全選。如果發現發現藍色的色塊中間,有中斷的空白區時,就表示電腦幫你加了一些段落間的空間,這就表示當初選到的是「段落」,而非「一般」。




許多同學,都希望做出來的 banner,能夠像是林舜穀中醫師,或者是許君豪醫師、陳偉挺醫師的部落格一樣。





如果各位有興趣把自己的 banner 做得像他們一樣漂亮的話,可以考慮他們都參加過的簡報工作坊,我們在 4 月 16 號剛好有一班。這次的簡報課程如果錯過的話,可能要一年後才會再有,覺得課程內容有適合,也希望一次強化自己的簡報設計、部落格圖片美感、banner 設計等的話,歡迎參加。




醫學簡報與電子壁報工作坊



看完了同學們的作品跟建議之後,以下分享兩位得獎同學的作品。


施銘洋醫師





施銘洋醫師的作品,在畫面的構成上。選用我們範例所介紹的做法,處理得相當不錯。背景圖片是顯微鏡以及做研究的環境,呼應了他本人的小兒血液專科。整個部落格的配色。也依據畫面中的主要色系去做搭配,相當不錯。




上文章的練習,做得也沒有問題。圖片跟文字分段都正確。




唯一還可以建議的,是子標題可能只有做到粗體,忘記選「子標題」讓文字變大。最後的 call-to-action 也建議加上超連結,並做「子標題」讓文字變大,大家更容易去點擊,有效導向希望大家前往的連結。

這整個部落格的完成度相當好,以上一些小建議,修改之後就可以開始持續經營了。恭喜施醫師。


江佩璋醫師





江佩璋醫師的作品,在整體配色方面非常不錯,利用藍色的各種層次構成畫面,所選用的照片在背景部分也很自然地模糊掉其他人,處理方法頗為自然。在左下角的大頭照部分,也相當清新可愛。




江醫師除了把練習的貼文做完之外,履歷部分也整理得相當好。




唯一稍微要建議的是 publication 的部分,他列出了許多項目,也有編號,但目前的排版看起來像是一大團的文字。




這裡可以把所有相關的文章,在編輯模式裡面通通選起來之後,從上方功能列找到項目符號或項目編號功能。在下圖中的右方第四與第五個按鈕就是。




如果正確的選取,並且點擊之後。部落格系統會自己幫你做好編號,而且連縮排都做得整整齊齊,在美觀上會更好。如下圖。




總結來說,這是個相當不錯的部落格起步,可以開始持續經營了。恭喜江醫師。


最新活動