首頁

讀書筆記:簡約至上-交互設(shè)計(jì)四策略之一

藍(lán)藍(lán)設(shè)計(jì)的小編



這本書內(nèi)容組織比較散,目錄條理不是太清晰,讀完一遍后,沒找到“交互式設(shè)計(jì)四策略”,看章節(jié)大概明白了,簡約的四個(gè)策略是:刪除、組織、隱藏,轉(zhuǎn)移,圍繞這四點(diǎn)展開了一段段小章節(jié),書的前二章說的是關(guān)于“簡單”,明確認(rèn)識(shí)簡單,最后一章是再叮囑,簡單的不易和好處。


讀這書本思路需要宏觀跳躍,才能把一篇篇連接起來,讀明白。否則很容易陷入一小節(jié)一小節(jié)的細(xì)節(jié)中。如果能把目錄名稱與書名呼應(yīng),寫的更明確,每個(gè)章節(jié)有重點(diǎn)總結(jié),會(huì)更容易讓人記住和理解。


 話說簡單


寫作者摸索中簡單的切實(shí)可行的策略,并舉例說明簡單的威力,復(fù)雜的產(chǎn)品不可持續(xù)。

在做技術(shù)產(chǎn)品的設(shè)計(jì)時(shí),至少有3個(gè)角度:管理人員、工程師和用戶。這本書討論的是怎么樣讓用戶感覺用起來簡單,而非減少管理人員、工程師的工作量。

簡單并不意味著最少化,樸素的設(shè)計(jì)仍然具有自身的特征和個(gè)性。簡單的特征和個(gè)性應(yīng)該源自你使用的方法、所要表現(xiàn)的產(chǎn)品、以及用戶執(zhí)行的任務(wù)。

跟上色彩潮流!帶你展望2015年的網(wǎng)頁設(shè)計(jì)配色趨勢

博博

2015-website-color-trend-1

前幾天分享的2015年春夏流行色人氣很高,今天直接放干貨,@AnyForWeb_UDC 的同學(xué)根據(jù)2015年的色彩大致趨勢走向,結(jié)合相關(guān)的設(shè)計(jì)經(jīng)驗(yàn),作出了以下網(wǎng)頁配色預(yù)測分析,來看看有哪些亮點(diǎn)吧。

提前搞定2015年的設(shè)計(jì)好文:

 

一、Metro和柔和鮮嫩的色彩

Odam Luiran的網(wǎng)站是Metro風(fēng)格,這種風(fēng)格尤其適合一些比較鮮嫩柔和的顏色,扁平化網(wǎng)頁設(shè)計(jì)在2014年中的流行讓柔和色彩的用途變得越來越廣泛。這樣的色彩基調(diào)將在2015年得到進(jìn)一步的延續(xù),馬卡龍色系也許會(huì)常常出現(xiàn)在網(wǎng)頁設(shè)計(jì)中。

二、偏灰的冷色系粉彩

偏灰的冷色系色彩是一種看起來比較百搭的顏色,但是實(shí)際上,要將這類顏色使用的恰如其分卻并不是一件容易的事情。這類色彩表現(xiàn)的比較中性,所以搭配任何顏色都不會(huì)顯得突兀,但也不算出挑,而要讓色彩之間真正融合,應(yīng)該選擇清淡的粉彩系透明色,讓網(wǎng)頁看起來清新脫俗。

還有哪些搭配方法?阿里前輩在前,就不多說咯:《色彩搭配速成!3個(gè)實(shí)用方法幫你全面搞定配色》

再不學(xué)就落伍了!15個(gè)設(shè)計(jì)感極強(qiáng)的LOW-POLY網(wǎng)站欣賞

博博

Community Machine 18個(gè)超酷的多邊形背景網(wǎng)頁設(shè)計(jì)

低多邊形現(xiàn)在火得一塌糊涂,前段時(shí)間優(yōu)設(shè)推薦了這篇《這效果超火!教你創(chuàng)建高大上的多邊形字體》,短短一月,超過20萬人閱讀學(xué)習(xí),今天我們繼續(xù)收集一組設(shè)計(jì)帶感的多邊形網(wǎng)站,同學(xué)們可以收藏學(xué)習(xí)一下。

特別提醒:對(duì) www.soleilnoir.net 這類文案與動(dòng)效齊飛,驚艷共傳奇一色的神站,童鞋們請(qǐng)務(wù)必用谷歌或者火狐打開。

Sanissimo

Sanissimo

Vauxco

Vaux Collective

什么是用戶?估計(jì)90%人不知道

用心設(shè)計(jì)

一個(gè)號(hào)稱千萬用戶的公司,靠投資的錢度過了兩三年,接著開始用用戶變現(xiàn)的時(shí)候,結(jié)果傻眼了,收入只有幾萬塊,于是大家都傻了。這個(gè)是什么問題?估計(jì)很多人不知道,有的人說的是變現(xiàn)的方式問題,有的人說是策略問題,其實(shí)最根本的還是用戶問題。

如何快速設(shè)計(jì)一款好BANNER?6個(gè)步驟幫你速成!

博博

世界看臉,網(wǎng)站看Banner,門面當(dāng)然要漂亮,不過很多同學(xué)以為做Banner是門技術(shù)活兒,自己學(xué)藝不精做不了。如果你看了今天這篇文,就會(huì)明白,技術(shù)于Banner,就像刀法于人,雖有招式,但無內(nèi)功支撐,久戰(zhàn)必?cái)?。而這篇好文,就是Banner的內(nèi)功修煉心法,按6個(gè)步驟來,速成可待。

資深交互設(shè)計(jì)師 :團(tuán)隊(duì)小伙伴問到這個(gè)問題,發(fā)了一封郵件分享自己的思路,順便貼過來。

配色弱的進(jìn)來!如何巧用色彩打造動(dòng)人心弦的網(wǎng)頁設(shè)計(jì)

周周

color-psychology-web-design-1

色彩心理學(xué)被廣泛地運(yùn)用到各個(gè)設(shè)計(jì)領(lǐng)域,這早已不是什么秘密。從日常的雜貨到LOGO設(shè)計(jì),色彩所起到的作用越來越大,它是給用戶傳遞信息的最重要的因素之一。

推薦!網(wǎng)頁首屏設(shè)計(jì)之圖文混排的10大技巧

博博

 首先網(wǎng)頁首屏中的文字必須具備可讀性才行,所以你需要確認(rèn)文字與背景之間的色彩搭配能讓用戶看得清楚。當(dāng)你選擇一個(gè)暗色調(diào)的背景,那么你需要使用白色或者淺色的的文字,而當(dāng)背景比較素雅的時(shí)候,文字可以使用深色,這就是我所說的強(qiáng)化對(duì)比。

當(dāng)然,對(duì)比不僅限于色彩,文字同樣存在對(duì)比。文字與圖像相互配合,才能達(dá)到出人意表的效果。例如第一個(gè)案例,Packdog網(wǎng)站的設(shè)計(jì),大圖作為背景,用色濃郁,文字則正好相反,輕薄而大小錯(cuò)落。這些對(duì)比強(qiáng)烈的元素組合在一起令人印象深刻。

我們?yōu)槭裁葱枰獎(jiǎng)有гO(shè)計(jì)

用心設(shè)計(jì)

表現(xiàn)層級(jí)關(guān)系

為了展現(xiàn)層與層的關(guān)系,是抽屜,是打開,還是平級(jí)切換等等,讓用戶知道這個(gè)界面和上一個(gè)、下一個(gè)的關(guān)系。這已經(jīng)是非常最常見的運(yùn)用了。

讓用戶輸密碼的正確姿勢!簡化密碼設(shè)計(jì)的三個(gè)小秘籍

周周

simplify-password-design-method-1

用戶體驗(yàn),細(xì)節(jié)為王,今天推薦一篇看似簡單卻道理十足的文章,值得大家一起閱讀并且深思,我們是否在一些地方因?yàn)閼T性思維錯(cuò)過了提升產(chǎn)品體驗(yàn)的點(diǎn) >>>

感謝Ping++的@俞越 同學(xué)傾情相助,提供了譯文的初版,雖然還是要逐句理解進(jìn)行錯(cuò)譯修正和校對(duì),和以前相比,也大大縮短了翻譯的時(shí)間。

譯者微信公眾號(hào)“開卷有譯”,歡迎關(guān)注唷。

日歷

鏈接

個(gè)人資料

存檔