T——什么是發(fā)現(xiàn)頁？
用來發(fā)布和展示UGC（用戶產(chǎn)生內(nèi)容）的板塊捅厂，用于提高用戶互動性 和活躍度
發(fā)現(xiàn)頁的特點：
布局合理? ? ?排版清晰? ? ?閱讀體驗好
閱讀體驗的關(guān)鍵——合理的強弱層級關(guān)系赐纱，幫助用戶選擇重點
發(fā)現(xiàn)頁的常見板塊構(gòu)成：
? ? 1玄窝、分頁搜索欄——頁面快速分流
? ? 2梧疲、話題卡片——產(chǎn)品層面優(yōu)先級高的話題板塊
? ? 3医寿、列表流——feed列表流索抓，信息板塊
? ? 4依溯、懸浮按鈕（參與icon）——信息發(fā)布功能板塊
視覺細節(jié)拆解：
一源内、導航欄? ? ?二牧牢、卡片? ? ?三、列表? ? ?四姿锭、懸浮按鈕
導航欄的組成
? ? 1塔鳍、兩邊icon大小一致，描邊粗細一致
? ? 2呻此、分頁tab中轮纫，選中項與未選中項的區(qū)別點
icon：
????描邊粗細：2~3px
? ? 設(shè)計尺寸：40px
? ? 切圖尺寸：48px
選中狀態(tài)：
????文字字號：36px
? ? 文字字重：medium
? ? 文字顏色：品牌色
未選中狀態(tài)：
? ? 文字字號：32px
? ? 文字字重：regular
? ? 文字顏色：#666
三、卡片
1焚鲜、文字層級
2掌唾、彩色背景
3、幾何點綴
標題（主文案）——蘋方（非不變）? ? ?50px? ? ?加粗? ? ?（視主文案文字多少調(diào)整）
副文案——蘋方? ? ?30px? ? ?常規(guī)
按鈕文案——蘋方? ? ?20px? ? ?常規(guī)忿磅，標簽
微漸變
彌散投影——復制卡片糯彬，縮小，高斯模糊
增加投影——疊層幾何增加投影葱她，表現(xiàn)光影效果
增加遮罩——底部增加同色遮罩撩扒，增加過渡自然感
三、列表組成
1吨些、標簽? ? ?2搓谆、主副文案? ? ?3、頭像? ? ?4豪墅、輔助icon
T——如何保證列表的可讀性泉手？
信息的呼吸感
? ? ????標題文字與內(nèi)容文字間距
? ? ? ? 內(nèi)容文字與頭像之間的間距
保證文字層級呼吸感，不同文案層級直接間距+8px倍數(shù)的行間距
四偶器、懸浮按鈕
1斩萌、圖標繪制? ? ?2缝裤、色塊底版? ? ?3、彌散投影
總結(jié)：
細節(jié)板塊拆解——導航欄颊郎、選項卡憋飞、feed流
增分項目——優(yōu)秀的彩色化卡片，優(yōu)秀的配圖功底
