互聯(lián)網(wǎng)已經(jīng)全面進(jìn)入了無線時(shí)代,越來越多的設(shè)計(jì)師開始投身到移動(dòng)浪潮中。在追求短頻快的產(chǎn)品節(jié)奏下,需要設(shè)計(jì)師快速地領(lǐng)會(huì)移動(dòng)設(shè)計(jì)的要點(diǎn)。這本移動(dòng)設(shè)計(jì)手冊將順應(yīng)這個(gè)特點(diǎn),通過一幅圖和一段高度概括的文字,直切移動(dòng)產(chǎn)品設(shè)計(jì)過程中的關(guān)鍵點(diǎn)。從如何開始著手移動(dòng)設(shè)計(jì),到設(shè)計(jì)原則、導(dǎo)航、細(xì) 節(jié)、適配和移動(dòng)特征,等等,讓設(shè)計(jì)師們能全面了解移動(dòng)設(shè)計(jì)的方方面面,快速上手。 媒體推薦↓ 麻長煒 (淘寶用戶體驗(yàn)資深總監(jiān),阿里巴巴18位創(chuàng)始人之一) :從PC時(shí)代到移動(dòng)時(shí)代,移動(dòng)化是很重要的未來趨勢。這本書正是切合了這個(gè)轉(zhuǎn)變,從基礎(chǔ)知識(shí)和實(shí)戰(zhàn)角度出發(fā),讓設(shè)計(jì)師可以快速接手移動(dòng)方面的設(shè)計(jì),是一本全面的移動(dòng)設(shè)計(jì)實(shí)戰(zhàn)手冊。這本書可以分段分頁查看的特點(diǎn),十分吻合設(shè)計(jì)師快節(jié)奏的生活、碎片化的時(shí)間,實(shí)用性強(qiáng)。 唐沐 (小米用戶體驗(yàn)總監(jiān),小米路由器產(chǎn)品負(fù)責(zé)人,原騰訊CDC創(chuàng)始人) :這本冊子顯然也遵循了移動(dòng)設(shè)計(jì)原則:簡潔、高效、一致性,而且版面大小也適合移動(dòng)攜帶;內(nèi)容全面細(xì)致實(shí)用,是本很好的隨身實(shí)戰(zhàn)手冊! 林敏 (用戶體驗(yàn)布道者,獨(dú)立顧問) :極具實(shí)戰(zhàn)性的移動(dòng)設(shè)計(jì)工具書。把方寸指間的種種細(xì)思密想用簡潔的圖示和文字展示出來,相信每一位設(shè)計(jì)師都能從中找到可以立即在自己手頭的工作中使用的幫助。是一本可以從零開始快速入門的工具書。 作者簡介 無線工坊,由淘寶無線領(lǐng)域的多位資深設(shè)計(jì)師組成,主要負(fù)責(zé)淘寶客戶端的系列產(chǎn)品設(shè)計(jì)。團(tuán)隊(duì)成員秉承著設(shè)計(jì)創(chuàng)新、產(chǎn)品探索和概念研究的理念,長期奮戰(zhàn)于互聯(lián)網(wǎng)一線,擁有豐富的實(shí)戰(zhàn)經(jīng)驗(yàn)。
目錄: 1.設(shè)計(jì)流程 app產(chǎn)品流程 原型寬度 原型元素尺寸 原型流程圖 原型界面標(biāo)注 視覺寬度 視覺柵格 視覺標(biāo)注和輸出 2.設(shè)計(jì)原則 移動(dòng)設(shè)計(jì)6原則 簡潔 高效 高效·避免鍵盤輸入 高效·有效觸動(dòng) 高效·減少界面跳轉(zhuǎn) 一致性 一致性·規(guī)范 反饋 情感化 移動(dòng)化 3.平臺(tái)規(guī)范 平臺(tái)規(guī)范指南 iOS平臺(tái) Android平臺(tái) Windows Phone平臺(tái) 平臺(tái)差異·層級(jí)返回 平臺(tái)差異·編輯選擇 平臺(tái)差異·模板組控件 平臺(tái)差異·對(duì)話框按鈕 平臺(tái)差異·關(guān)于移植 Web app與Native app Web app特征 4.導(dǎo)航設(shè)計(jì) 導(dǎo)航設(shè)計(jì) 標(biāo)簽式導(dǎo)航 抽屜式導(dǎo)航 桌面式導(dǎo)航 菜單式導(dǎo)航 點(diǎn)聚式導(dǎo)航 二級(jí)導(dǎo)航·走馬燈 二級(jí)導(dǎo)航·列表 二級(jí)導(dǎo)航·圖示 二級(jí)導(dǎo)航·分段選項(xiàng)卡 5.細(xì)節(jié)設(shè)計(jì) 5.1加載 加載設(shè)計(jì) 啟動(dòng)頁加載 界面間跳轉(zhuǎn)加載 分步加載/懶加載/預(yù)加載 智能加載 緩存加載 加載樣式 加載情感化 5.2引導(dǎo) 引導(dǎo)設(shè)計(jì) 幻燈片引導(dǎo) 浮層式引導(dǎo) 遮罩式引導(dǎo) 嵌入式引導(dǎo) 嵌入式引導(dǎo)·空狀態(tài) 互動(dòng)式引導(dǎo) 多媒體引導(dǎo)方式 5.3通知 通知設(shè)計(jì) 常見系統(tǒng)通知 狀態(tài)欄通知 浮層通知 標(biāo)志通知 硬件輔助 5.4控件 字體 圖片 按鈕 輸入框 鍵盤 鍵盤·出現(xiàn)時(shí)機(jī) 圖形布局 卡片設(shè)計(jì) 5.5動(dòng)畫 動(dòng)畫設(shè)計(jì) 告知用戶來往 引導(dǎo)用戶行為 減少用戶焦慮 情境融入 6.適配方案 適配緣由 屏幕適配·延伸 屏幕適配·縮放 屏幕適配·調(diào)距 屏幕適配·截取 屏幕適配·閃屏考慮 屏幕適配·高度考慮 橫豎屏切換·模式轉(zhuǎn)換 橫豎屏切換·增加模塊 橫豎屏切換·鎖定轉(zhuǎn)向 性能適配·降級(jí)處理 7.附錄·移動(dòng)特征 7.1用戶 年齡和性別 學(xué)歷、職業(yè)和收入 平臺(tái)用戶差異 手機(jī)用戶隱私 持機(jī)方式 拇指 常用手勢 用戶綜合表格 7.2環(huán)境 碎片化時(shí)間 應(yīng)用時(shí)間段 環(huán)境光 噪音的影響 用戶姿態(tài) 不穩(wěn)定的網(wǎng)絡(luò) 流量 電量 場景綜合表格 7.3硬件 硬件按鈕 屏幕 存儲(chǔ)空間 攝像頭 麥克風(fēng)與揚(yáng)聲器 距離傳感器 加速傳感器(重力感應(yīng)) GPS與方位傳感器 三軸陀螺儀
|