細(xì)節(jié)彰顯人文關(guān)懷教翩,思維方式沛简,以及關(guān)注重點硼身,讓大系統(tǒng)閃耀人性光輝的,通常是看似微不足道的瞬間覆享,即微交互
學(xué)會慢下來佳遂,從細(xì)節(jié)看產(chǎn)品的用心之處
.markdown-here-wrapper { font-size:14px; line-height:1.8em; letter-spacing:0.1em;}
多圖預(yù)警!撒顿!相信熱愛設(shè)計的你們不會太愛惜流量吧??
<section style="letter-spacing:10px">
需要設(shè)置左右間距的文字
</section>
初始頁面的設(shè)定
▲
作者:Achin
注意小細(xì)節(jié):星座頭像隨時間而變化
更新加載頁面設(shè)計
▲
作者:Jordan Nelson
從漫天星辰到日出丑罪,暗示著應(yīng)用更新完畢
郵件桌面小懸浮窗設(shè)計
▲
作者:Lukas Horak
郵箱登錄歡迎頁與登錄后頁面的微交互過渡
詞典快捷菜單設(shè)計
▲
作者:Minh Pham
整個菜單如同星系一般,將選中的詞匯放在星系中央。三大功能發(fā)音吩屹、收藏跪另、定義像衛(wèi)星一樣圍繞在詞匯周圍
下拉更新
▲
作者:Yup Nguyen
作者借用攪拌咖啡的動作來暗示loading,是一個不錯的擬物設(shè)計
文檔查看的微交互設(shè)計
▲
作者:illustratic
增強(qiáng)了用戶與作品之間的互動程度煤搜,提升了作品對用戶的視覺沖擊力
安卓版航班預(yù)訂設(shè)計
▲
作者:Alexander Tsibulski
排版干凈簡介免绿,僅提供用戶選擇航班和位置最核心的相關(guān)信息,讓用戶專注于自己的任務(wù)擦盾。不過國內(nèi)航班似不似得等到起飛前8小時左右才能值機(jī)挑選座位 T T
下拉更新設(shè)計
▲
作者:Yup Nguyen
視頻協(xié)作App Frame.io
▲
作者:Zahir Ramos
在集合頁提供快速預(yù)覽視頻功能
專輯詳情設(shè)計
▲
作者:Ivan Bjelajac
通過上下拉動菜單嘲驾,專輯封面收起放大配合著黑膠唱片的滾動,顯得頁面活潑十分有代入感
電影詳情頁設(shè)計
▲
作者:Suthan S.
關(guān)鍵動畫部分會不會太快一點<BA晒省!展示頁面的時候在關(guān)鍵部分增加展示時間腐碱,用戶體驗會更好呢(詳情頁里有:簡介誊垢、視頻類型、導(dǎo)演症见、演員)你們看見了嗎喂走;D
快遞訂單號查詢
▲
作者:Budi Tanrim
選用橘黃色和灰藍(lán)色搭配,給人以清新舒適的感覺