有襯線和無襯線,那種字型看自己的美學意識和考慮
觸屏裝置也是需要考慮的範疇,目前觸屏裝置越來越多,需要在它上面的體驗做適配
載入:載入超過5秒就會有74%的使用者離開頁面
更多指標引數可以參見這裡:
使用內容流,響應式,bootstrap網格系統,適應螢幕
使用相對單位em,rem,vm vh 等,保證排版的適應型
斷點,在跨度不同的解析度上合理的適配不同的布局,mediaquery
根據內容的展示場景,設定和裡的最大值和最小值,保證展示效果
合理設定巢狀,模組化區域性布局,整體化一,方便適配和調整
移動端和pc端看自己的業務需求,都要實現適配,無所謂先後
點陣圖與向量圖按場景選擇
響應式和自適應一起用 mediaquery+百分比布局,網格系統提公升介面的展示效果和螢幕適配效果
* 字型大小縮小到14px;
* 間隙變小20px;
* 行高變小22px;
1. 搞清楚人們如何閱讀,搞清楚使用者的使用場景和使用習慣
3. 快速理解不同文章和章節之間的優先順序和重要性
1. css uglifyjs 壓縮js
2. compass 壓縮css
4. 彈性影象,根據解析度載入不同大小的
5. fittxt 自動改變標題文字的大小,無法應用段落
有限專注極端的尺寸:pc mobile
優先考慮不同斷點之間內容布局
應用彈性策略,提早做處理的準備
從基礎元素就考慮,模組化設計,考慮響應式
前端工程性,設計提出方案,讓開發者給出技術角度的視覺體驗反饋和建議,二者在磨出下一版
根據透視比例設定合理的 行高,字型大小,邊距
根據裝置和解析度動態決定模組展示和模組內部內容的展示
頁面細節的打磨
與前端設計師談響應式設計
昨天下午,我突然冒來乙個想法請教下前端設計工程師,我問能否設計乙個規避終端的 也就是不受終端限制的通用性前端框架。前端工程師告訴我,那叫響應式設計。我繼續問,既然有這個技術,現實中,為什麼要搞pc一套,手機一套,平板一套呢,多累啊。前端告訴我,現實情況複雜很多,做個簡單的響應式設計的還可以,複雜的就...
與前端設計師談響應式設計
昨天下午,我突然冒來乙個想法請教下前端設計工程師,我問能否設計乙個規避終端的 也就是不受終端限制的通用性前端框架。前端工程師告訴我,那叫響應式設計。我繼續問,既然有這個技術,現實中,為什麼要搞pc一套,手機一套,平板一套呢,多累啊。前端告訴我,現實情況複雜很多,做個簡單的響應式設計的還可以,複雜的就...
與前端設計師談響應式設計
昨天下午,我突然冒來乙個想法請教下前端設計工程師,我問能否設計乙個規避終端的 也就是不受終端限制的通用性前端框架。前端工程師告訴我,那叫響應式設計。我繼續問,既然有這個技術,現實中,為什麼要搞pc一套,手機一套,平板一套呢,多累啊。前端告訴我,現實情況複雜很多,做個簡單的響應式設計的還可以,複雜的就...