首頁

簡約不簡單!帶你重新審視正在流行的卡片式設(shè)計趨勢

周周

card-based-design-trend-1

總有一些新的設(shè)計趨勢蓄勢待發(fā)?,F(xiàn)在誰又能忘記視差滾動這種設(shè)計手法呢?這種網(wǎng)頁設(shè)計趨勢從幾年前一直延續(xù)到現(xiàn)在,越來越多的用戶開始認(rèn)可并關(guān)注這種視差滾動式的網(wǎng)頁。

5個簡單原則幫你搞定產(chǎn)品的用戶體驗設(shè)計

用心設(shè)計

為了產(chǎn)品設(shè)計始終走在對的道路之上,我總結(jié)了5個簡單的用戶體驗設(shè)計準(zhǔn)則,并且用它作為我設(shè)計過程的重要參考。理解用戶體驗設(shè)計的設(shè)計決策并為團(tuán)隊成員作出解釋,本就是一件不容易的事情,最終落實到產(chǎn)品中,更是需要走很長的路。

1、易于消化

別讓用戶覺得自己蠢

用心設(shè)計

創(chuàng)造性固然是個好東西,若是拋棄了產(chǎn)品自身及目標(biāo)用戶的特性,片面的為了創(chuàng)造性而創(chuàng)造性,為了聰明而聰明,那么你就是在拿用戶長久以來的認(rèn)知習(xí)慣來冒險,賭上的很可能是產(chǎn)品最核心的價值。

01-app-ux-design-user-experience.png

8個在網(wǎng)頁設(shè)計中即將被淘汰的趨勢

博博

時代一直在變,一個又一個的創(chuàng)新讓我們感到驚訝萬分。網(wǎng)頁設(shè)計的趨勢如同流星,光芒耀眼,但來得快、去得也快。雖然跟風(fēng)很不好,顯得毫無設(shè)計主見,但很多設(shè)計潮流確實值得追隨。就像當(dāng)下響應(yīng)式設(shè)計、扁平化設(shè)計、以及滾動視差等。

可是呢,還有很多極為”糟粕”的設(shè)計趨勢,本文一一列舉,請君對號入座。

 

聊聊各種有趣的loading界面

用心設(shè)計

現(xiàn)在無論是手機(jī)端還是PC端都有越來越多的H5頁面,他們的內(nèi)容都會做的十分豐富,于是需要加載的東西就會很多。但是用戶或許會網(wǎng)速慢或硬件卡,可能會遇到需要加載的情況,而沒有耐心的人,就會因為不斷的加載而放棄瀏覽直接關(guān)閉。

于是添加一個Loading的畫面,就可以大大緩解了等待的無聊,讓用戶知道目前加載的狀態(tài),以及使用戶關(guān)注在Loading畫面的本身上,讓他們會把等待看成一件美好的事,那么我們來探尋一些有趣的Loading畫面吧。

001

濃縮的精華!從零開始帶你認(rèn)識的圖片格式WEBP

博博

image-format-webp-introduction-1

編者按:相信走在前列的設(shè)計師已經(jīng)知道了WebP這種圖片格式,比起JPEG、PNG 和 GIF ,它能在保證圖片精細(xì)度的同時縮小圖片體積,在 Google 的明星產(chǎn)品如 Youtube、Gmail、Google Play 中都可以看到 WebP 的身影,今天騰訊的同學(xué)@Hahn__研究后總結(jié)了一篇深度技術(shù)文《WebP 探尋之路》,不落人后,來學(xué)習(xí)吧。

想跟上大潮流,這篇熱門好文少不了:《我的征程是未來!帶你展望2015年最重要的網(wǎng)頁設(shè)計趨勢》不管是 PC 還是移動端,圖片一直是流量大頭,以蘋果公司 Retina 產(chǎn)品為代表的高 PPI 屏對圖片的質(zhì)量提出了更高的要求,如何保證在圖片的精細(xì)度不降低的前提下縮小圖片體積,成為了一個有價值且值得探索的事情。

智能設(shè)備沒有界面如何交互?Henri給你靈感

用心設(shè)計

智能設(shè)備的誕生創(chuàng)造了需要讓設(shè)計師來解決的新問題,其中最重要的就是界面:如何做才能讓一個沒有屏幕的小設(shè)備或電器和用戶進(jìn)行交互呢?這個問題是品牌和設(shè)計公司Method一直在思考的,以至于他們開發(fā)了Henri,這是一個可以和用戶交互的小設(shè)備,使得它更容易讓設(shè)計師去探索未來設(shè)備的UI。

對設(shè)計與設(shè)計師“價值”的4個方面思考

用心設(shè)計

你究竟為誰而設(shè)計

UED從業(yè)者都知道User-centered Design的概念,但真正做到的卻并不多,更多的現(xiàn)實情況是這樣的:為老板而設(shè)計——上面的人一拍腦袋就圍繞對方的idea屁顛屁顛去考慮詳細(xì)方案執(zhí) 行,不去深度考慮這樣做的本質(zhì)原因與合理性,缺乏獨立思考能力與向上說服抗?fàn)幍挠職?;為Deadline而設(shè)計——追求項目按時上線比什么都重,在時間有 限的情況下沒做好優(yōu)先級管理,集中到關(guān)鍵設(shè)計點上去,結(jié)果什么都做了,什么都沒做好;為規(guī)范而設(shè)計——死守iOS/Android平臺規(guī)范,死守可用性原 則,不去思考規(guī)范這樣做的本質(zhì)原因(如設(shè)備特性,避免和通用交互操作沖突等),把規(guī)范凌駕于設(shè)計目標(biāo)和業(yè)務(wù)目標(biāo)之上;為自己而設(shè)計——以設(shè)計師的專業(yè)挑剔 目光去要求產(chǎn)品,卻不考慮到這樣的設(shè)計讓自己滿足了,卻可能令用戶迷惑,沒有帶給用戶想要的東西,反而增加了他們操作理解的成本……背離了設(shè)計目標(biāo)的本 質(zhì),變成了為設(shè)計而設(shè)計,創(chuàng)造出來的價值自然也大打折扣。

Workstation-books-l

眼前一亮!25個令人心動不已的全屏網(wǎng)站欣賞

博博

來源:優(yōu)設(shè)網(wǎng)

Draftfcb

全屏背景網(wǎng)站是吸引訪客的方式之一,且適用領(lǐng)域非常廣。

平常網(wǎng)站,講究字體、排版、配色等等。但對于全屏網(wǎng)站,一個漂亮的姑娘 or 帥氣的小哥出境顯得尤為重要。今天我們收集了30個優(yōu)秀的全屏網(wǎng)站案例,如你所見,美女帥哥總是讓人眼前一亮 :)溫馨提醒:看完這些網(wǎng)站,可能童鞋們的心開始小鹿亂撞了。在此奉上靜心丸一枚:多讀書,讀好書??偙O(jiān)級設(shè)計師推薦閱讀→ 《設(shè)計師必備圖書目錄》

Ditto Residential

Ditto Residential

 

26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

博博

the-best-england-website-1

如果你也著迷英倫風(fēng),那么你一定那句耳熟能詳?shù)摹癒eep Calm and Carry On”,這句著名的標(biāo)語可以向上追溯到1939年。隨著英倫風(fēng)在世界范圍內(nèi)的流行和網(wǎng)絡(luò)的快速發(fā)展,這句話也出現(xiàn)了許多變種,比如設(shè)計師的版本:“Keep Calm and … Design”。這些有趣的文化現(xiàn)象,不僅激發(fā)了英國人的創(chuàng)意,還間接催生了許多優(yōu)秀的英國網(wǎng)站。

作為一個歷史悠久也獨具個性的歐洲國家,英國有著豐富的文化和藝術(shù)遺產(chǎn),如同“Keep Calm and … Design”這樣古典與現(xiàn)代互動式的設(shè)計對英倫設(shè)計師而言簡直是信手拈來,和諧自然。除了這種獨特的創(chuàng)意特征之外,英國網(wǎng)站還有一個獨到之處:來自英格蘭、威爾士、蘇格蘭和愛爾蘭的藝術(shù)家的緊密合作,將不同地區(qū)的文化藝術(shù)都融合到了網(wǎng)站里面。

日歷

鏈接

個人資料

存檔