網路時代之個人品牌工作坊 | 新思惟國際: 2022 / 7 / 31(日)最佳網站設計大獎:劉文彬博士、盧偉信醫師 WFU

網站頁籤

2022年8月1日 星期一

2022 / 7 / 31(日)最佳網站設計大獎:劉文彬博士、盧偉信醫師





疫情期間,網路變得更重要。每次出門都是微小的風險,我們在選擇一個服務、選擇一個醫師前,會做更多搜尋、會做更多比較。你搜尋過自己的名字,用一個路人的角度,看過自己呈現在 Google 搜尋結果的樣貌嗎?

這幾年的網路爭議,沒有網路發言權的人,幾乎只有挨打的份。沒有自己的部落格、自己發聲管道的人,寫個聲明都要拜託記者才有機會曝光。如果你有自己的部落格,即使遇到危機,記者跟網友們,至少有個機會看看過去的你,並理解你的脈絡,甚至替你說話。

臉書的宣傳瞬間快速,但隔幾天就很難找到了,在 Google 搜尋也很難出現在第一頁。擁有自己的部落格,才是最根本的做法。

同學們在課程當天,都做出了自己的部落格初稿,毛胚屋已經完成,接著就是自己慢慢的裝潢,把這個網路上的服務處打造成自己心目中的樣子。

以下,我們看看同學作品中,那些還能建議的細節,以及兩位得獎者的優秀網站。


那些還能建議的細節









建議同學自己的照片,上方不要切到頭,多留一些。左右盡量對稱,會更棒。背景圖有點陰鬱,建議可以找找其他跟經營方向更有關的照片。標籤列所使用的顏色較為鮮豔,與畫面不合,紫色也不是畫面中曾經出現過的顏色。




標楷體這個字體現在比較尷尬,通常只剩下公家機關的公文在使用,會聯想到比較古板且數十年不想改變的感覺。數位時代,如果想表達現代、可靠,微軟在 Windows 與 Office 送我們使用的微軟正黑體是個很不錯的選擇。




當我們有機會選擇左下角自己的照片,與一張主題照片時,建議兩個的場景與內容可以不同,這樣能夠拉出更多的層次。例如,背景是手術房,而大頭照是醫師服。




同學下方使用半透明遮罩,是為了要為白色的文字創造出更多的對比,不過因為上半部日光燈管的上方,有一區很均勻的深色底,可以考慮把文字直接放上去,去掉遮罩,會看起來更自然更清楚。




同學使用去背作法,但頭髮的邊緣去得不是很理想。這個幾乎沒辦法解決。專業的去背用照片,需要正面至少兩個方向的光源,而且跟背景有足夠的對比,甚至最好是放上單色布幕。各位可以從互動實作手冊,我們建議各位做 banner 的幾種模式,會發現我們並不建議初學者使用去背功能,正是因為一般的照片直接去背,結果通常都不會很理想。




左下角的照片,建議跟左方與下方,都留一樣的距離。目前左邊不錯,下面靠太近了。調整一下即可。




部落格文字,建議還是白底黑字就好,文字放上顏色,會使得對比變差,一但對比變差,閱讀就困難。尤其看同學的主題,這些抽血會大量紅字的人,通常年紀也有一點,視力開始衰退,既然潛在的讀者是這樣的狀況,讓部落格好閱讀就是我們更應該去做的。建議改為白底黑字。




這位同學改的是部落格的底色。因為黑白是最大的對比,所以如果底色用了一點點顏色,這個文字對比就會變差,對於長時間閱讀、快速閱讀,都會有負面的影響。建議改為白底黑字。




畫面可見,同學使用的是「BBS 換行體」,就是用換行代替標點符號,而且通常句尾的標點符號會被省略。這種 BBS 換行體,在桌面看可能勉強可以,但在手機看會變災難,因為根據手機不同的寬度,他會在不同的地方換行,導致閱讀更為破碎。




同學貼的文字,竟然能夠超越分隔線,跑到右邊欄去。這是因為在貼上文字時,沒有選擇「以純文字貼上」,所以從文字編輯器複製了太多設定格式的 html 代碼,導致凌駕了我們部落格範本對文字的控制。這個問題在互動實作手冊的最後一節也有提到,歡迎閱讀後,再試試看!

以下,我們分享兩位得獎同學的優秀作品,一起看看!


劉文彬博士





劉文彬博士的作品完成度很高,他很清楚自己想做的部落格是什麼方向的,包括 banner、架構,都已經做好了。貼文章的練習也做了不少,相當不錯。整體風格一致,已經可以起步了!




往下看看劉博士的貼文,會覺得有點奇怪,好像文字之間的行距特別寬?




我們按 Ctrl-A 全選,或者用滑鼠選幾行來看,可以發現藍色的部分沒有接在一起。藍色,就是我們的文字部分,白色隔開的,則是程式自己補上去的空白區。這是第 31 頁處,選到「段落」,而非「一般」,所導致的。如果想要解決,一個方法是重新貼一篇文即可,或者想要用修改的也行,就需要到後台去移除所有格式,然後重新處理過空行數目就行。

劉博士的架構、畫面、顏色、貼文都做了不少,相當積極,恭喜得獎!


盧偉信醫師





盧偉信醫師的作品,簡潔乾淨,有種寧靜專業的感覺,很不錯。背景用的圖片,剛好也呼應圖片與文字的形狀,很有鎮定心神的效果。相當不錯。




盧醫師也貼了不少文章,根據目前所看到的,有幾點進一步建議。首行縮排可以刪除,如同第二與第三段這樣即可。在「英數字」與「中文」之間加個空格,會更好閱讀。文章如果能從一張圖片開始會更好!




我們把文字選起來,會發現藍色部分是彼此接著的,這表示盧醫師貼文時有先選「一般」,然後再貼,這是個很好很正確的習慣!

恭喜盧醫師!


最新活動