學(xué)習(xí)感想
? ? ? ?2017-7-18到2017-7-22腻格,五天的界面設(shè)計(jì)學(xué)習(xí)就此結(jié)束了,幾天中的學(xué)習(xí)狀況就像是太原的天氣偏塞,緊張而熱烈笙各,和在學(xué)校比起來完全是兩種狀態(tài)钉答,一種讓我昏迷的頭疼,另一種也讓我昏迷的頭疼杈抢。很感謝有這兩種狀態(tài)数尿,能讓我有競(jìng)爭(zhēng)的動(dòng)力,讓我有與從前的自己說拜拜的決心惶楼。與其說為了家人右蹦,為了朋友,為了心愛的人鲫懒,不如說為了自己嫩实,自己的前途,命運(yùn)窥岩,小時(shí)候說的大話甲献。
學(xué)習(xí)筆記
2014-10 H5
響應(yīng)式enpoo(適配不同尺寸的頁面)
對(duì)排版進(jìn)行再設(shè)計(jì),適應(yīng)設(shè)備(系統(tǒng)平臺(tái)颂翼,屏幕尺寸晃洒,屏幕定向)。
開發(fā)-維護(hù)-營(yíng)銷(后臺(tái)-反饋)
MUI --WUI(PC--移動(dòng))
1.屏幕尺寸朦乏;
2.使用環(huán)境球及;
3.操作媒介;
4.操作精度呻疹;(費(fèi)茲法則)
5.操作方式不同吃引;
6.交互方式設(shè)計(jì)來源遵循用戶習(xí)慣;
手持設(shè)備的特點(diǎn):
1.界面操作性刽锤,記憶負(fù)擔(dān)減少镊尺,尊重用戶操作習(xí)慣;設(shè)計(jì)風(fēng)格和版本一致性并思;頁面刷新為主庐氮;
基于設(shè)備:
優(yōu)點(diǎn):相對(duì)固定斷點(diǎn),方便提煉設(shè)計(jì)模式宋彼;
缺點(diǎn):設(shè)備更新速度快弄砍,總會(huì)有無法覆蓋是不能良好適配設(shè)備
一.簡(jiǎn)單智能的導(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ǔ)知識(shí) 規(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仙畦,就不上傳了。