NO IMAGE

  當我們設計網站時,我們在想什麼?——設計引人注目嗎?便於理解嗎?有品牌關聯嗎?……其實最先需要思考的是,文字可以被容易閱讀嗎?

  微軟估值高達340億美元,擁有著一支由設計師、研究員、程式設計師、原型設計師、排版員、產品經理、人種學者、作家和腦洞大開思想家組成的龐大團隊。即便是這樣的公司,依舊被自家花裡胡哨的網站首頁的紛繁複雜折騰著。

微軟不是特例,“閱讀不能”正在成為業界流行病。

  下圖所示,既不是出不起設計費的小公司,也不是不起眼的邊角內頁。偏偏都是極具設計意識的業界大牌,卻更加忽視了“易讀性”,而選擇在首頁或重要頁面上強行秀設計。

  我發現了三個造成“不易讀”的關鍵要素:

  1.自適應設計

  2.脫離內容的設計

  3.沒有考慮文字

  自適應設計

  “影象 文字”的構圖方式很難適應不同尺寸的螢幕。影象中的留空和文字線條長度之間有種微妙的平衡關係。想要在靜態畫面中解決這個問題是不可能的。

  做個原型吧!

  不需要寫程式碼,也不用考慮瀏覽器相容,只需要一個簡單粗暴快速的原型就可以看到各種尺寸下的效果!

  切實考慮內容

  使用最優影象組合進行設計相對簡單。但如果是處理使用者生成的或者動態的內容,就得預先設想最糟狀況的應對方案。比方說,要在影象上疊加白色文字,可也許有人偏偏選擇以白色為主的影象。

不考慮文字

  視覺設計的目的是為了溝通,用把文字和影象結合起來的方式才能更好地傳遞資訊以及講個動人的故事。選張美圖的同時千萬不要忽視文字內容,不考慮使用者閱讀體驗而只顧設計的都是耍流氓、都是無效溝通!

  本文來自翻譯,原作者:Colm Roche