推薦 Medium 的 文字編輯器

Blog 的品質影響因素包含了 “內容” 與 “排版”,而 文字編輯器 的操作、易用性也是影響排版的主因。

在開始寫設計大舌頭 (designtongue) 前,筆者嘗試了好幾個 Blog 編輯平台(均為免費、不需架站),包含了 google blogger, tumblr, logdown, Medium,所考慮的唯一因素只希望是免費、版型很多、不需自己架站;於是使用了 google blogger 然後 tumblr,而最後兩者都放棄,其原因是:

google blogger 與 tumblr 的設定太複雜(由於版型自由幅度大,但相對設定的複雜度就大增),其中 tumblr 的編輯器極為難用,這才讓我堅決地將 “文字編輯器是否好用” 設定為優先考慮因素。

最後選擇了 logdown 與 medium 這兩個平台,就以 文字編輯器 來評估,兩者都有相對的優勢,但如果以“親民、易用”而言, medium 大勝。以下是 medium 的優缺點:

優點:

  1. 全版版型,爽度一百。
  2. 編輯器簡潔,工具全都隱藏,只有在該出現時才會出現。
  3. 文字的間距與行距設計過,閱讀性高。
  4. UI 簡單且容錯。
  5. 圖文排版容易(完全地 GUI)。

 

缺點:

  1. 中文族群少。
  2. 版型一致,無法個性化。
  3. 毫無擴展性可言(不像其他平台很許多 plugin)。

 

MEDIUM 全版版型,爽度一百

title 或內文插圖均可選擇全版的背景圖,增加觀看的體驗!但也顧及了閱讀性,文字區塊仍置中,最大閱讀寬度在 1000px ,比 1000px 大時,就不會一直往兩旁延伸,閱讀寬度低於 1000px 時,也有 RWD (responsive web design) 的設計,可適應各種不同解析度的瀏覽裝置,而閱讀性不會受影響。

MEDIUM 全版設計

RWD 設計

RWD 設計

 

文字編輯器 簡潔,工具全都隱藏,只有在該出現時才會出現

傳統的文字編輯器,其工具列都是固定在同一位置,乍看之下似乎沒什麼問題,但當你文章很長時,就會發現鼠標必須移動一大段距離才選的到編輯器的選項,雖然 markdown 的寫法已經解決了這問題,編輯速度也很快,但…很多人不會,也根本不知道,所以在我心目中無法取代 medium 的編輯器。

傳統 文字編輯器 UI

傳統編輯器 UI

 

傳統 文字編輯器 選項與編輯項目之間的距離

傳統編輯器選項與編輯項目之間的距離

 

而 medium 的編輯器在一開始則是隱藏,當你文字要加粗、斜體等等時,只要反白文字,可能會用到的編輯器功能即出現,或是想插入圖片、連結時,在每行的開頭也都有 + 的符號(滑鼠移過去即出現),很直覺也很有效率。

Medium 的文字編輯器

編輯文字

 

MEDIUM 插入物件

插入物件

 

文字的間距與行距設計過,閱讀性高

一般人對於文字的間距與行距比較沒研究,所以有時候在文字的排版上會太擠或太鬆散而不易閱讀,但是使用 medium 的編輯器就沒這問題,因為所有文字的間距、字型都是設計過的,中文書寫的呈現也是沒問題。

 

UI 簡單且容錯

介面設計的很簡潔但是不簡單那就是製造問題。 medium 編輯器在整體隱藏了功能選項,也在功能選項中結合多功能(一鍵多功),為了讓畫面更簡潔,雖然有時候這不是一個明智之舉的設計,但使用過後發現操作是直覺的,雖然使用者可能會誤判 icon 的意思,但再按一下同一功能鍵就回復或是切換到下一個功能(最多按三次回到原始狀態)。簡單的介面讓使用者容易學習,容錯的設計讓簡潔變簡單,使用起來也沒挫折感。

一鍵多功

一鍵多功

 

圖文排版容易

這是筆者最喜歡也最推薦的部分,就以部落格的形式來說,圖文編排太過死板,有的也不容易操作,但 medium 做到了,不僅提供多種的圖文排版形式(不同情境需要不一樣的圖文配置),也可即時預覽編排後的結果,上手難度零,讓一般使用者都可以寫出圖文並茂的文章。
我個人最喜歡圖文排版的最後一個樣式:文字覆蓋於圖上。
此時全版的背景圖是主角,文字是配角,當讀者閱覽到這張圖時,可以先清楚的觀看圖片,然後背景圖會逐漸模糊,而說明文字則會越來越清楚,完全不會互相干擾,又可清楚單獨表達圖與文。

Medium 圖文排版

圖文排版

 

中文族群少

寫文章最希望有觀眾,讀者可以給意見或互相交流,但在 medium 平台上,讀者大多是外國人,所以有時候中文的筆者會覺得沒什麼動力而離開。

 

版型一致,無法個性化

由於 medium 都已經幫使用者精心設計過了,使用者無法更改文字大小、顏色、字型、行距等,對於這方面有需求的使用者就會因此而卻步。

 

毫無擴展性可言

目前主流的 blog 平台都有支持 plugin 的功能,讓使用者可以自行掛上,例如:標籤雲、google ads、社群分享等功能,好的一面是畫面簡潔、閱讀順暢無干擾,壞的一面則是整體互動性不高。

 

結論:

不論是好是壞, medium 編輯器在設計上十分用心,讓不懂程式(html / css / markdown)的使用者都可以排出一個圖文並茂、有設計感、好閱讀的文章,我想這是其他部落格平台的設計師可以思考、改善的地方。

 

本文章所屬設計大舌頭與作者所有,未經授權,不得轉載!如需轉載,煩請通知

訂閱設計大舌頭

隨時關注第一手 UX、UI、科技、設計新知

Facebook
LinkedIn
Telegram
Twitter