首頁

悄然流行的混合型視差網(wǎng)頁設(shè)計(jì)趨勢

博博

如果你仔細(xì)觀察那些的使用了視差技術(shù)的網(wǎng)頁,你會(huì)發(fā)現(xiàn)這些網(wǎng)站所采用的視差設(shè)計(jì)已經(jīng)似是而非了。這些網(wǎng)頁中的可動(dòng)元素非常之多,但是并非動(dòng)畫;配色風(fēng)格和視覺元素趨近于扁平風(fēng),并且借用了來自Material Design的物理隱喻,融合了許多微妙的交互細(xì)節(jié)。諸多時(shí)下流行的設(shè)計(jì)手法和新趨勢開始被打碎分解揉合到一起,形成了新的混合型視差滾動(dòng)網(wǎng)頁。

了解新趨勢

21個(gè)超贊的網(wǎng)站UI設(shè)計(jì)風(fēng)格指南

博博

在網(wǎng)頁設(shè)計(jì)或APP UI設(shè)計(jì)中,為了更好的規(guī)范設(shè)計(jì)文檔,設(shè)計(jì)師通常會(huì)花時(shí)間去把各種UI元素組織起來,比如字體大小、段落行距、按鈕顏色、尺寸等等,制作 Style Guide 雖然會(huì)浪費(fèi)一些時(shí)間,但卻有其它方面的好處,比如確保UI設(shè)計(jì)風(fēng)格保持一致性,讓開發(fā)人員遵循風(fēng)格指南去開發(fā),節(jié)省溝通時(shí)間。


文章為大家整理了21個(gè)不錯(cuò)的UI設(shè)計(jì)說明范本,設(shè)計(jì)師們可以按照這個(gè)范本來為自己的項(xiàng)目做一個(gè)UI設(shè)計(jì)說明,有了這個(gè)設(shè)計(jì)風(fēng)格指南,也能看出自己的作品是否整潔規(guī)范并提高溝通效率啦。

Material Design引領(lǐng)的設(shè)計(jì)趨勢

博博

Google I/O大會(huì)發(fā)布了Android L并推出Material Design,重新統(tǒng)一了Google的設(shè)計(jì)語言,確立了未來Google的設(shè)計(jì)方向。那么,什么是Material Design?我簡單地將它翻譯成“本質(zhì)設(shè)計(jì)”。顧名思義,這是一種考慮事物本質(zhì)的設(shè)計(jì),將電子屏幕里的UI元素看成是一種不存在于現(xiàn)實(shí)世界的新的材質(zhì),并賦予它物理特性。因此Material Design并不是去擬物化的設(shè)計(jì)。許多設(shè)計(jì)師把扁平化與擬物化對立起來,其實(shí)兩者并不是對立關(guān)系。但我更愿意稱Google新的設(shè)計(jì)語言為抽象化。

無論是蘋果的設(shè)計(jì)語言,還是Google的設(shè)計(jì)語言,乃至于Windows的Modern UI 和Facebook的Paper設(shè)計(jì)語言,大方向都是一致的,而在細(xì)節(jié)上卻分道揚(yáng)鑣。蘋果與Google幾乎壟斷了移動(dòng)設(shè)備的操作系統(tǒng),因此我們談?wù)剰男掳l(fā)布的Material Design中看看有哪些無線設(shè)備的設(shè)計(jì)趨勢。

從3個(gè)方面聊聊2016年的UI設(shè)計(jì)新趨勢

博博

文章從移動(dòng)應(yīng)用、網(wǎng)頁設(shè)計(jì)、設(shè)計(jì)工具3個(gè)方面聊聊2016年可能流行的新趨勢,有理有據(jù),亮點(diǎn)不少,建議同學(xué)們在研究技法時(shí)也多看看這類文章,有助于及時(shí)調(diào)整學(xué)習(xí)重點(diǎn),畢竟設(shè)計(jì)師可不能落伍。


移動(dòng)應(yīng)用


1、各平臺 (Android/iOS/HTML5/Web) 的標(biāo)準(zhǔn)設(shè)計(jì)語言接近一致.


部分原生控件上只存在風(fēng)格上的差異,對用戶無顯著影響。Material Design 不會(huì)大興其道,更不可能逆襲(用 Material Design 設(shè)計(jì)的 App 在 iOS 上使用),iOS 的實(shí)用主義設(shè)計(jì)會(huì)顯著影響 Material Design。


桌面常見的交互形式也將更多影響移動(dòng)端,要支持 iPad Pro 這樣的生產(chǎn)級設(shè)備,iOS/Android 會(huì)為了兼容桌面場景作出優(yōu)化。



640.webp.jpg來源:Google+ 在 Android 版也出現(xiàn)了底部導(dǎo)航的交互

10條建議打造更聰明的設(shè)計(jì)流程

博博

身為用戶體驗(yàn)設(shè)計(jì)師,回歸對藝術(shù)設(shè)計(jì)的熱愛非常重要。尤其是當(dāng)你尋找創(chuàng)意的時(shí)候。

原因有很多?;蛟S是我們工作節(jié)奏太快強(qiáng)度太高,精疲力竭。也可能是你身處一個(gè)抑制創(chuàng)意的環(huán)境,每天要與眾多阻力抗?fàn)帯R部赡苣悴恢挥X就成了一個(gè)循規(guī)蹈矩的執(zhí)行者,一遍遍重復(fù)同樣的工作。或者僅僅是你感到厭倦了。

那些A/B測試教我們的App Store優(yōu)化

博博

蘋果的App Store和Google的應(yīng)用商店都分別有超過150萬個(gè)app,海量的應(yīng)用背后是海量移動(dòng)用戶的支持。根據(jù)com Score的“美國移動(dòng)應(yīng)用報(bào)告”,美國用戶平均每個(gè)月最多下載3個(gè)新app。顯而易見App Store中的競爭有多么激烈,獨(dú)立開發(fā)者或許早已注意到,想要脫穎而出,僅僅創(chuàng)造卓越的產(chǎn)品是遠(yuǎn)遠(yuǎn)不夠的。

在App Store中的起起伏伏

如果一個(gè)app不能在App Store排行榜名列前茅或者出現(xiàn)在類別列表上,高曝光率和高下載量就距離它非常遙遠(yuǎn)了;倘若app沒有被Apple的編輯備注成優(yōu)選或推薦,或借由高下載量雄踞排行榜前列,那么讓用戶找到它的唯一方式就是“原生發(fā)現(xiàn)”(其實(shí)就是偶爾的意外的邂逅啦~),或者搜索。

實(shí)際上,App Store優(yōu)化(app store optimization, ASO)是移動(dòng)技術(shù)領(lǐng)域一個(gè)新興的詞匯,有些人會(huì)稱它為移動(dòng)領(lǐng)域的SEO,許多app的運(yùn)營人員都會(huì)順應(yīng)這一趨勢去引導(dǎo)他們的用戶。想要在App Store內(nèi)部推動(dòng)原生的搜索路徑,并將瀏覽量轉(zhuǎn)化為下載量,有戰(zhàn)略的安排app介紹頁的內(nèi)容就尤為重要。

語言,是一種界面

博博

一、交互設(shè)計(jì)中的語言

交互建立在有效交流的基礎(chǔ)之上,而交流在很大程度上依賴于語言。文案看上去可能并非頭等大事(尤其當(dāng)你擁有一支內(nèi)容策劃和文案編輯團(tuán)隊(duì)時(shí)),但你必須明白,文案寫作是受到整體設(shè)計(jì)的影響,同時(shí)影響了整體設(shè)計(jì)的。試想,如果視覺設(shè)計(jì)師在標(biāo)題位置只留了夠?qū)憙蓚€(gè)字的空間,那么整個(gè)頁面的流暢性勢必?zé)o法保證。

1 為何文案是交互設(shè)計(jì)的基礎(chǔ)

問候:首先,你的產(chǎn)品文案不僅僅是一句友好的問候,它還解釋了這個(gè)網(wǎng)站的性質(zhì)。其次,無論是建議注冊,或者直接跳轉(zhuǎn)到能夠吸引用戶的內(nèi)容,文案還起到了引導(dǎo)用戶第一步操作的作用。如同我們經(jīng)常說的,交互設(shè)計(jì)需要被當(dāng)做一次交談來對待,所以這是你創(chuàng)造人性化體驗(yàn)的第一次機(jī)會(huì)。

下圖是旅行租房網(wǎng)站 AirBnB 的案例,文案極簡,但同時(shí)深入人心。標(biāo)題 Just for the Weekend 和 Explore the World 讓用戶在去往特定目的地之前看到 AirBnB能夠帶來的體驗(yàn)。這個(gè)交互很微妙,通過文字的暗示,它構(gòu)建了產(chǎn)品體驗(yàn)的框架 – 讓用戶距離一次愉快的旅程更近一步。

日本設(shè)計(jì)的七個(gè)原則

博博

一FUKINSEI (不均整)不對稱,奇數(shù),不規(guī)則,不均勻。不均整被用來拒絕完美,因?yàn)榇笞匀焕餂]有完美和對稱。
KANSO (簡素)去掉華麗,簡單的東西天生就能表達(dá)自己真實(shí)的一面。整齊,干凈,不復(fù)雜。
 
 

這個(gè)得收藏!幫你評價(jià)UI設(shè)計(jì)作品好壞的八個(gè)標(biāo)準(zhǔn)

博博

一套完整的UI設(shè)計(jì)其實(shí)是比較復(fù)雜的,從需求分析到市場定位,從草稿到擬方案,從創(chuàng)意元素的組合到想法沉淀,從設(shè)計(jì)規(guī)范到突破傳統(tǒng),從紙上到電腦上,從個(gè)人到團(tuán)隊(duì),或者從團(tuán)隊(duì)到個(gè)人,從素材收集到素材處理,從0思路到偶然,等等。

從9個(gè)方面聊聊用戶體驗(yàn)設(shè)計(jì)的發(fā)展

博博

  今天餓了么UED的小滿同學(xué)給大家翻譯了一篇國外的用戶體驗(yàn)設(shè)計(jì)回顧總結(jié)文,里邊提到的9個(gè)觀點(diǎn)都特別有前瞻性,剝離開細(xì)枝末節(jié)的視覺風(fēng)格和交互原則,這些很有可能成為未來優(yōu)秀設(shè)計(jì)師必備的硬能力。在甲方的陰溝里待久了,來仰頭展望下真正「以人為本」的設(shè)計(jì)思考。

日歷

鏈接

個(gè)人資料

存檔