網路時代之個人品牌工作坊 | 新思惟國際: 2023 / 12 / 3(日)最佳網站設計大獎:林佳彥醫師、李主強醫師 WFU

2023年12月4日 星期一

2023 / 12 / 3(日)最佳網站設計大獎:林佳彥醫師、李主強醫師





這次課後的匿名手寫回饋,有同學提到,之前覺得部落格設定似乎也不難,不然自己試試看好了,結果沒想到花了很多時間之後,挫折感爆棚,最終放棄經營。今天上完課後發現,原來有好的老師跟團隊帶領,只需要一個中午的時間就能搞定,而能夠讓自己的思緒跟時間都專注在專業內容的經營,實在很好。他認為,如果早一點來上,真的可以節省很多時間,而且個人品牌的起步也會更早。

我們課程的確經過精心設計,讓每一個新手同學能夠從概念一直到技術都能理解,離開的時候,在自己的電腦擁有做出整個網站的整套技術,日後有任何想法也能持續優化改進,真的是能夠讓各位已經所剩無多的時間,做最佳化的利用。

以下來看看在評審過程中,我們看見一些小小細節的建議給同學做參考,日後就能做得更好。世界上所有的東西都是這樣的,一開始起步,找對人就能順利,但最終能走多遠,還是靠之後的耕耘。之後在每一次的貼文跟每一次的分享中,學到一點點,就能持續進步,達到我們想要的成功。

以下先來看看我們給同學的建議,然後共同欣賞得獎作品吧!


那些還能改進的細節





同學貼文之後,可能沒有預覽一下,看看自己究竟貼出來的成果是怎樣的,所以其實文字之間有非常多的空行並沒有刪除掉。檢查一下,刪除一下,就 OK 囉。




貼好文章之後,可以考慮使用 Ctrl+A 全選的功能把文字全部變成反白,上圖最左邊文字方塊跟中間的空行方塊,是有一點白色間隔的,並沒有連續在一起。這個是因為同學在輸入文字的時候選擇「段落」而不是「一般」,在講義的第 49 頁有介紹這個動作要怎麼做。如果沒特別選擇,沿用段落狀態的話,排版難以控制,常會讓讀者覺得:有必要留那麼寬嗎?




如果同學貼了文章之後,發現標題的文字有點小,而且在右邊的熱門文章竟然顯示為「(沒有標題)」,這就表示說,同學忘了把文章的第一行剪貼下來,放進標題的欄位。所以電腦並不知道我們到底要給這篇文章下什麼標題,因此在右邊的熱門文章區才會顯示為「(沒有標題)」。




同樣地,你會發現第一行的標題似乎文字偏小,右邊的熱門文章也是顯示「(沒有標題)」,那就請大家把這一行標題文字剪貼下來,貼到標題列吧。




貼了影片之後發現沒有成功,系統給我們一個哭臉,這種情況就把它刪除重貼吧。如果一直還是覺得怪怪的,乾脆這篇文章整個砍掉,重新貼新的一篇,會更容易處理。這主要原因是,有時候許多的 HTML 代碼並沒有辦法從貼文工作區完全清除,所以砍掉整篇再重貼,可以解決蠻多疑難雜症。




同學的文字有點偏小,這可能是因為從像 Word 這樣的編輯器複製貼上過來的。所以你本來在 Word 裡面指定的文字大小跟行列間距,都會沿用過來。使用可以排版的文字編輯器,雖然好像編輯很方便,但最麻煩的就在於當部落格文章格式不如你預期,還想調整時,幾乎沒有辦法處理,會產生很多奇奇怪怪的問題,電腦也不聽話。建議使用純文字文件編輯文章喔。

同學做了很多有風格的圖卡,如果這些圖卡是綠色的話,你可以考慮讓整個部落格的系統顏色也是綠的,這樣子畫面會更為整齊。不過因為同學做的是伴侶關係議題,使用綠色是稍微比較尷尬。背景的桃紅色是相當不錯的,它有情感的概念,飽和度稍微調低,有穩重感,的確適合作為專業人士的部落格。或許日後製作圖卡時,同學可以試著用同樣的桃紅色去做囉。


林佳彥醫師





林佳彥醫師的作品,做得相當不錯。Banner 清楚的把訴求跟自己的專業都寫上去了,已經是可以開始經營的狀態。更厲害的是,除了完整貼完三篇範例格式都正確之外,他也貼了自己的文章,而且馬上把所學到的知識應用上去,排版非常好。




這篇我唯一會想要建議的,大概就是可以考慮先放圖片。通常我會在作者宣告之後,下面第一個就會出現相關的配圖。子標題有放大加粗體,非常好,會建議上面可以做兩個空行。




按了 Ctrl+A 全選,把畫面都反白,會發現同學處理得非常好,最左邊的空行跟文字的反白全部都接在一起,表示同學正確選到「一般」而不是「段落」。




同學也試著在自己的文章中嵌入影片,整個嵌入正確無誤,而且這樣子的做法可以讓來到這裡的讀者增加閱覽時間,這個操作蠻好。

恭喜林醫師!


李主強醫師





李主強醫師的作品,除了在貼文章的細節做得非常棒之外,它最特別的就是 banner 做得很好,這張 banner 呈現的是一個中醫師在把脈評估患者,然而手上戴的卻是時代新科技 Apple Watch。這是蠻有意思的組合,表示我們是年輕一代的,跟上時代,但又融合了傳統。這設計真的不錯。

在講評的時候,我們提到同學的大頭照以及 banner 照片都有點糊,應該是輸出圖片的時候出了一些狀況。同學有聽進去,所以當我們今天寫文講評的時候,同學已經把畫面處理得非常好了。學到就馬上改進,速度很快,用這種態度去面對人生的話,做什麼都比別人更有機會成功。




按下 Ctrl+A 全選,也會發現左邊是全部連在一起的,這是非常好的設定。同學貼文有照我們的建議做喔!讚!




即使到了最後,行動呼籲的大字粗體按鈕前後各要兩個空行同學也是做得非常好,很厲害!




補充一下,如果同學的網址貼到 Facebook 社團或者是 Facebook 的個人頁面,卻沒有出現縮圖的話,請不要刪除再重貼哦,會被 Facebook 認定為垃圾連結,發送者被警示之後很麻煩。如果貼的網址到 Facebook 卻沒有成功顯示頁面的話,同學可以使用右上角三個點的更多工具按鈕,點下去,一開始看不到我們要的功能沒問題,請繼續往下滑,選擇「更新分享的附件」就能夠成功讓 banner 長出來。




恭喜李醫師!


最新活動