手機網站制作的界面布局
導語一.屏幕大小正確理解 說起屏幕大小的時候,會有兩種表達方式,1) 我的屏幕2.4寸,你的屏幕3.5寸,2)這個屏幕分辨率 240*320,那個屏幕分辨率為320*480。但在設計過程中,屏幕的分辨率
一.屏幕大小正確理解
說起屏幕大小的時候,會有兩種表達方式,1) 我的屏幕2.4寸,你的屏幕3.5寸,2)這個屏幕分辨率 240*320,那個屏幕分辨率為320*480。但在設計過程中,屏幕的分辨率和屏幕的實際尺寸必須同時考慮,屏幕物理
尺寸:屏幕對角線長的實際尺寸,如2.4寸,3.5寸等等;屏幕分辨率:屏幕所能顯示像素的多少。物理尺寸決定了屏幕的實際尺寸,而分辨率可以表示屏幕上可以呈現的像素點數,屏幕密度決定了屏幕的精細程度。相
同的屏幕大小,如果分辨率高,則屏幕元素更精細。一個界面元素在屏幕里的實際尺寸卻是與屏幕密度相關,屏幕密度較小的屏上,界面元素的實際尺寸就會大些。
二.設計過程與屏幕適配思路
確定目標的屏幕大小,屏幕大小由寬度和高度兩個因素決定,但是在布局手機客戶端的過程中,*關心的是寬度值。寬度確定后,高度可以由滾動或者翻頁來顯示所有內容;文字可以在適當的位置折行;標題欄可以伸縮
適配屏幕寬度等等。但并不是不考慮高度,圖標、文字、特殊的組件不僅需要考慮寬度,也需要考慮整個屏幕的布局是否與之適配。
導語一.屏幕大小正確理解 說起屏幕大小的時候,會有兩種表達方式,1) 我的屏幕2.4寸,你的屏幕3.5寸,2)這個屏幕分辨率 240*320,那個屏幕分辨率為320*480。但在設計過程中,屏幕的分辨率
一.屏幕大小正確理解
說起屏幕大小的時候,會有兩種表達方式,1) 我的屏幕2.4寸,你的屏幕3.5寸,2)這個屏幕分辨率 240*320,那個屏幕分辨率為320*480。但在設計過程中,屏幕的分辨率和屏幕的實際尺寸必須同時考慮,屏幕物理
尺寸:屏幕對角線長的實際尺寸,如2.4寸,3.5寸等等;屏幕分辨率:屏幕所能顯示像素的多少。物理尺寸決定了屏幕的實際尺寸,而分辨率可以表示屏幕上可以呈現的像素點數,屏幕密度決定了屏幕的精細程度。相
同的屏幕大小,如果分辨率高,則屏幕元素更精細。一個界面元素在屏幕里的實際尺寸卻是與屏幕密度相關,屏幕密度較小的屏上,界面元素的實際尺寸就會大些。
二.設計過程與屏幕適配思路
確定目標的屏幕大小,屏幕大小由寬度和高度兩個因素決定,但是在布局手機客戶端的過程中,*關心的是寬度值。寬度確定后,高度可以由滾動或者翻頁來顯示所有內容;文字可以在適當的位置折行;標題欄可以伸縮
適配屏幕寬度等等。但并不是不考慮高度,圖標、文字、特殊的組件不僅需要考慮寬度,也需要考慮整個屏幕的布局是否與之適配。
- 上一篇:網站后臺不能登錄的原因是什么??
- 下一篇:網站制作中如何提高細節呢??