全部來自《移動(dòng)設(shè)計(jì)》這本書,是2013年的書,距今都8年了,當(dāng)時(shí)的出書的大佬是真內(nèi)行,這本書是我入行的時(shí)候漏看的,下文整理部分也非原創(chuàng),只是考古拿出來再看了一下,理論部分就省略了,主要是有些案例到現(xiàn)在還是有用的,可以拿出來重溫一下。
關(guān)于轉(zhuǎn)場(chǎng)樣式的素材
其實(shí)小公司的項(xiàng)目已經(jīng)不會(huì)認(rèn)真做轉(zhuǎn)場(chǎng)了,但是大公司還是會(huì)追求細(xì)節(jié)的,這邊就單獨(dú)拿出來,看場(chǎng)景符合怎樣的心理預(yù)期去選擇轉(zhuǎn)場(chǎng)使用。
轉(zhuǎn)場(chǎng)(常見)
單獨(dú)去描繪頁面轉(zhuǎn)場(chǎng)已經(jīng)很少見了,2013年就做的那么精致,其實(shí)是很值得學(xué)習(xí)的,不過當(dāng)時(shí)的場(chǎng)景現(xiàn)在已經(jīng)用的不多了。

上一級(jí)頁到下一級(jí)頁
這種效果現(xiàn)在幾乎看不到了,要是再用肯定是非常特殊的場(chǎng)景,翻動(dòng)效果很適合日歷,記得紅板報(bào)App翻新聞的時(shí)候用的類似的,這種效果也很做得出level,因?yàn)樘貏e~

折紙效果(已經(jīng)很少見了)
響應(yīng)式模板
頁面
當(dāng)時(shí)的交互稿真的好細(xì)致呀!下述兩案例基本是全通用的,但是當(dāng)時(shí)做的這種設(shè)計(jì)都是需要單獨(dú)描述的~

列表

啟動(dòng)頁
布局
未來進(jìn)入物聯(lián)網(wǎng)時(shí)代,響應(yīng)式是必然,界面不止是應(yīng)用內(nèi)的,而是突破各種尺寸的,所以這些模式經(jīng)久不衰,適合常常溫故而知新

模式一

模式二

模式三

模式四

模式五

模式六
案例
早先案例,現(xiàn)在都是很常見的了,也都是經(jīng)典

案例一

案例二

案例三

案例四

案例五

案例六

案例七

案例八

案例九

案例十

案例十一
導(dǎo)航設(shè)計(jì)
導(dǎo)航為骨,內(nèi)容為皮,這些樣式也都是經(jīng)典

導(dǎo)航一

導(dǎo)航二

導(dǎo)航三
導(dǎo)航案例

案例一

案例二

案例三

案例四
創(chuàng)新方法

模擬相似原則
流的軌跡演繹
相信還是會(huì)有專業(yè)設(shè)計(jì)師是會(huì)關(guān)心視線的問題的,設(shè)計(jì)的連貫性是從視覺流開始的(而不是競(jìng)品)

視線流

操作流
手勢(shì)中英文對(duì)照

中英文對(duì)照
復(fù)古的細(xì)節(jié)

細(xì)節(jié)一

細(xì)節(jié)二
感悟
總體來說,書不新鮮,但是可以看到業(yè)務(wù)內(nèi)很多值得反思的地方,太多人喜歡在競(jìng)品中找idea,而沒有去理解設(shè)計(jì)本身的初衷,拿來主義代替了設(shè)計(jì)思考,才是最值得思考的地方。
以上素材,整理分享,若有侵權(quán),可來消息要求隱藏,設(shè)計(jì)之路,與君共勉~