這次做知乎 Android 端重設計,是由于四個月前,Android 端去掉了頂部導航的藍條。由于設計趨勢種種緣由雖然可以理解,但是去掉藍條后的界面字重層級關系變得混亂,顯示十分粗糙。知乎的Android 端顯得很老舊。再加上之前使用時候的一些感觸。于是就愉快的作為練習對象動手啦。
在 Android 端,提問action放置于搜索框內部,同時提問和搜索引導顏色相當,視覺上會認為是一件事,對用戶識別造成干擾。
搜索框引導文本顏色過重,使用與下面Tabs【動態、熱門、發現】相差不多灰黑色,導致在視覺上重要程度似乎相當。顯得主次不明。
灰色分割線和卡片式投影組合使界面厚重且陳舊。
可能由于對屏幕尺寸的珍惜,一屏顯示更多的內容。文本間距較窄略顯局促。
卡片內信息層級略微混亂。
我對首頁做了這些:
將提問從搜索框中剔除,讓 Tabs 功能更明確。
增加淺色背景,重新梳理層級關系。讓信息層級更清晰。
關注問題移動到右側,用距離將展示信息和可操作按鈕加以區分。
提問作為問答社區中高頻事件,用懸浮按鈕加以突出,增加點擊率。
去掉了卡片下略臟的投影。
底部 Tabs 遵行 MD 的設計規范,選中狀態下顯示文本。使界面更簡單爽朗。
長時間單模塊滑動會讓用戶產生視覺上的疲憊。讓每個模塊擁有自己獨立的形式,在單一的樣式中加以分割,讓界面更具有節奏感。
首頁的發現我進行了這些調整:
和首頁保持統一,對標題和文本增加了底色。
減小了專欄等頭像大小,讓頭像不過于宣兵奪主。
專欄和話題用統一的樣式。收藏夾和圓桌根據各自所承載的信息的不同,為它們設計了不同的樣式。在專欄和話題中加以分割。
想法往往是一瞬間的事,比如看到一個場景觸動了想法。記錄場景比文字描述的優先級就更高。