學(xué)習(xí)感想

? ? ? ?2017-7-18到2017-7-22，五天的界面設(shè)計學(xué)習(xí)就此結(jié)束了，幾天中的學(xué)習(xí)狀況就像是太原的天氣，緊張而熱烈，和在學(xué)校比起來完全是兩種狀態(tài)，一種讓我昏迷的頭疼，另一種也讓我昏迷的頭疼。很感謝有這兩種狀態(tài)，能讓我有競爭的動力，讓我有與從前的自己說拜拜的決心。與其說為了家人，為了朋友，為了心愛的人，不如說為了自己，自己的前途，命運，小時候說的大話。

學(xué)習(xí)筆記

2014-10 H5

響應(yīng)式enpoo(適配不同尺寸的頁面)

對排版進行再設(shè)計，適應(yīng)設(shè)備(系統(tǒng)平臺，屏幕尺寸，屏幕定向)。

開發(fā)-維護-營銷(后臺-反饋)

MUI --WUI(PC--移動)

1.屏幕尺寸；

2.使用環(huán)境；

3.操作媒介；

4.操作精度；(費茲法則)

5.操作方式不同；

6.交互方式設(shè)計來源遵循用戶習(xí)慣；

手持設(shè)備的特點：

1.界面操作性，記憶負擔(dān)減少，尊重用戶操作習(xí)慣；設(shè)計風(fēng)格和版本一致性；頁面刷新為主；

基于設(shè)備：

優(yōu)點：相對固定斷點，方便提煉設(shè)計模式；

缺點：設(shè)備更新速度快，總會有無法覆蓋是不能良好適配設(shè)備

一.簡單智能的導(dǎo)航菜單形式

1.面包式---左logo右菜單

2.導(dǎo)航菜單列(多列)表式? 橫向--縱向

3.隱藏式

4.下拉菜單

5.側(cè)導(dǎo)航

內(nèi)頁布局

1.模塊內(nèi)容? 擠壓-拉伸

2.模塊內(nèi)容? 換行-平鋪

3.模塊內(nèi)容? 刪減-添加

4.模塊位置? 變化

5.模塊展示方式發(fā)生變化

6.模塊數(shù)量改變

硬件操作習(xí)慣

硬件規(guī)范

功能主次關(guān)系

基礎(chǔ)知識 規(guī)范

基于ios iphone6

750px--1334px

狀態(tài)欄:? 高40px

底部TAB欄：88px-90px

左右留白? :24px

底部 ：98px

字體：18-40px

字間距? 中文 ：50-60px 英文： 30px

字體： 三番 蘋方

按鈕? 44*44px--切圖范圍? 88*88px

學(xué)習(xí)結(jié)果

還有一張超出了10M，就不上傳了。