網路時代之個人品牌工作坊 | 新思惟國際: 2019 / 6 / 16(日)最佳網站設計大獎:眭致遠博士、黃逸萱小姐 WFU

2019年6月17日 星期一

2019 / 6 / 16(日)最佳網站設計大獎:眭致遠博士、黃逸萱小姐






上次大改款,普遍好評,課程團隊根據互動實作時的觀察,又修正了一些製作網站時的細節,這次連電腦不太熟的朋友,都能順利上手。





看到全部的同學都上傳了自己的網站,很令人開心。以下是幾個已經做的很不錯的朋友,我們進一步給予的修改建議。接著,是眭致遠博士與黃逸萱小姐的得獎作品介紹。


那些差一點得獎的作品






背景與人物的處理都很不錯,有效呈現自己血液腫瘤專科的形象。在英文名字的部分,則建議寫上全名,如 I-Chen Tsai, MD。如果空間不夠的話,文字部分可以考慮重新設計,例如用兩行,或加上專長項目一併排列。





底圖部分選得很不錯,頭像也很好,可惜解析度比較低,畫面較為模糊。建議可以找出原始圖片,放上高解析版本。





底色建議用白色就好,這可能不小心改錯了,導致底色和標題顏色、超連結顏色、文字顏色都極為接近。

一直都會有同學嘗試用白色以外的顏色作底色,但事實上真的不容易,效果也不會有想像中的好,主要原因是,網路世界切換快速,格式越單純,文字越容易進到人心裡去。非典型的版面設計,或許引起注意力有效,但對於留住讀者的效果不好,很難領人深刻被文字打動。





這是典型的 BBS 換行法,在網頁世界建議改掉,主要的原因是,使用手機閱讀時,因為寬度有限,手機會再自行斷行,使得每行都會被切成長長短短的,像是不等長度的薯條碎片,閱讀更不容易。





像論文列表這樣的資料,建議在「論文著作」做「子標題」,使放大粗體。下頭的文獻列表,則全選後,以「項目編號」,讓電腦幫你排 1 / 2 / 3 / 4,縮排會非常漂亮喔!





在網頁世界,首行縮排的必要性已經消失,因為過去稿紙是珍貴物資,每段之間不另空行,必須以縮排兩字,提示讀者「這裡是新的一段了喔」。但現在數位時代,空行按個 enter 不用錢,就不用特別縮排了。

縮排在數位世界不只沒有好處,更有缺點。因為根據眼球軌跡偵測,人在高速閱讀網路文字時,並非均勻的分佈在全部的文字區,而是幾乎盯著最左邊,快速的掃到右邊再回來,大多數時間都靠左。如果做縮排,會導致快速掃動的視野漏看第一行,對閱讀穿透力可能有破壞性的影響。


眭致遠博士






眭致遠博士的首頁,一進去就令人感到舒適大方,很有親切感。給人很好的第一印象。比較可惜的是文字框其實壓到左手的咖啡,結果剩下右手的手機,進入視覺重點區,而黑色的手機跟後方的深綠色植物,對比不夠大,需要花些時間才能看出來。

根據網站裡頭的文章,減重將是日後的文章主力,可以找找其他照片中,與健康、悠閒生活等有關的照片,再次嘗試設計 banner。

但這些都只是錦上添花的建議,目前的設計已經相當不錯!很引人注目。





有圖有真相,講減重,自己減下來才有說服力。光是這張圖就很威。目前在 PowerPoint 上排列時,左中右仍有空白處,建議可以研究看看,是否能放大兩張圖,讓周邊的白色盡量小,或至少在上下左右造成對稱。頭的大小也再微調到一模一樣的高度。可以參考這頁的作法:課程講者





內容不錯,建議改掉 BBS 換行法,改用適合網路書寫的段落體。避免粗體與小字,內文就用一種字體即可,越簡單,讀者閱讀越順,越能黏著。

很棒的網站,恭喜致遠博士!


黃逸萱小姐






逸萱的作品,一看就覺得棒。除了「有貓就給讚」之外,貓咪清澈的眼神,延伸出他們的品牌名稱 Rawgical Thinking.,精緻的襯線字型,呼應細膩的貓咪照護,後面的柔焦與粗顆粒處理也很有質感。





圖片選得好,不過圖說部分,不建議使用圖說功能,或置中小字。這是因為小字在手機閱讀上太極限了,且目前的空行過多。置中也可能使得高速閱讀時,導致讀者視線不穩定。如講評時所說,建議介紹圖片的文字,就合併進內文段落即可。





文字的分段與子標題規劃得不錯。進一步建議,子標題的上下空行,為上二下一。「如何」一段的上面少了一行。





使用了「項目編號」使縮排清楚明白,很棒。不過畫面上有四個特殊字元,貼過來網頁後無法顯示,建議刪去,或重新打上替代字元。

很棒的貓咪部落格設計,恭喜逸萱!


最新活動