首頁

創(chuàng)造富有故事性的網(wǎng)頁,你需要熟悉這7個(gè)維度

資深UI設(shè)計(jì)者

網(wǎng)站能承載多種多樣的內(nèi)容,但無論是哪種內(nèi)容,通常都會(huì)遵循一定的信息架構(gòu)。在這其中,故事是很特別的一種類型。講故事,往往能以更敘事、更情感化的方式,將內(nèi)容傳遞給用戶。

一個(gè)好的故事,往往始于筆端,但是最終呈現(xiàn),還是要依靠精巧的設(shè)計(jì)。那么設(shè)計(jì)是如何講好故事的呢?今天的文章,為你分享一下創(chuàng)造故事的7個(gè)維度。

Facebook 資深設(shè)計(jì)師何如佳:當(dāng)扎克伯格是你的產(chǎn)品經(jīng)理時(shí)

資深UI設(shè)計(jì)者

本期我們請(qǐng)到了 Facebook 設(shè)計(jì)師 何如佳。她曾任 Facebook 視頻、照片創(chuàng)作和編輯領(lǐng)域的主設(shè)計(jì)師、Facebook 前沿科技研究團(tuán)隊(duì) Building 8 早期成員,主導(dǎo)交互設(shè)計(jì),設(shè)計(jì)了擁有全球數(shù)千萬活躍用戶的 Facebook 獨(dú)立照片分享應(yīng)用 Moments,現(xiàn)在為 Facebook Messenger 設(shè)計(jì)。

這篇8000字長(zhǎng)文,能幫你學(xué)會(huì)組件化設(shè)計(jì)與開發(fā)的思維方式

資深UI設(shè)計(jì)者

組件化的工作方式信奉獨(dú)立、完整、自由組合。目標(biāo)就是盡可能把設(shè)計(jì)與開發(fā)中的元素獨(dú)立化,使它具備完整的局部功能,通過自由組合來構(gòu)成整個(gè)產(chǎn)品。

對(duì)于計(jì)算機(jī)這么復(fù)雜的工業(yè)產(chǎn)品,組件化是唯一能使它成為現(xiàn)實(shí)的方法。我中學(xué)暑假去電腦城打工,跟著別人學(xué)習(xí)電腦維修。CPU在哪里,負(fù)責(zé)什么,如何拆裝;內(nèi)存在哪里,負(fù)責(zé)什么,如何拆裝。這些都是基礎(chǔ)知識(shí),各部分各司其職,什么壞了就換什么。我還見過資深維修工修主板,他真的能找出主板上哪個(gè)電容爆了,換一個(gè)相同規(guī)格的上去,電腦又能正常開機(jī)了。

支付安全感的設(shè)計(jì)思考

資深UI設(shè)計(jì)者

| 導(dǎo)語 今年春節(jié)期間支付寶發(fā)生了一次支付安全風(fēng)波,這讓我們?cè)俅我庾R(shí)到安全對(duì)于支付、金融類產(chǎn)品而言就是生命線。但有時(shí)候產(chǎn)品安全并不等于用戶就有了安全感,本文探討了對(duì)于支付類產(chǎn)品而言,哪些方面因素影響了用戶安全感的形成,并從設(shè)計(jì)角度出發(fā),期望在安全感的提升上做出一些總結(jié)。在這里拋磚引玉,期望能和更多對(duì)這個(gè)問題感興趣的小伙伴一起探討。

學(xué)會(huì)這個(gè)教程,可以把任何一張人物照都變成插畫風(fēng)格

資深UI設(shè)計(jì)者

每個(gè)藝術(shù)家的插畫里都有來自他自身創(chuàng)造出的節(jié)奏和風(fēng)格,而接下來的一段時(shí)間,我們將學(xué)習(xí)繪制不同風(fēng)格的插畫,用實(shí)際行動(dòng)去體會(huì)隱藏于圖案表象下的不可言說的趣味和技巧。

學(xué)習(xí)時(shí)尚極簡(jiǎn)風(fēng)格插畫的目的是運(yùn)用,而極簡(jiǎn)風(fēng)格的插畫在UI設(shè)計(jì)中是非常適宜討巧的配圖對(duì)象。尤其是運(yùn)用在與時(shí)尚相關(guān)的網(wǎng)頁中,大約是最不容易被忽視的亮點(diǎn)。

學(xué)會(huì)用這5個(gè)正確姿勢(shì)闡述你的設(shè)計(jì)作品,輕輕松松一稿過!

資深UI設(shè)計(jì)者

設(shè)計(jì)風(fēng)格是一種很虛的東西,對(duì)于大部分的 UI 設(shè)計(jì)師來說,都是如此。

相信很多人都是在一家小型的互聯(lián)網(wǎng)公司做設(shè)計(jì),估計(jì)還是公司唯一的設(shè)計(jì)師,同時(shí)對(duì)設(shè)計(jì)風(fēng)格又拿捏不定,總感覺是跟著產(chǎn)品經(jīng)理或老板的思路去做設(shè)計(jì)。比如老板的要求是“大氣”,誰 TM 知道這“大氣”指的什么鬼?

即使花了不少時(shí)間去研究其他公司的產(chǎn)品,依然做不出領(lǐng)導(dǎo)滿意的視覺稿,最后還被各個(gè)崗位的同事指點(diǎn)著去修改你一把屎一把尿喂大的稿子。

我上面也說了,其實(shí)這種事情(講述設(shè)計(jì)風(fēng)格)對(duì)于視覺設(shè)計(jì)師而言是一種很常見的現(xiàn)象。我身邊也同樣有很多設(shè)計(jì)師出現(xiàn)這個(gè)問題,不知道如何向領(lǐng)導(dǎo)或客戶講述自己的設(shè)計(jì)風(fēng)格。

用兩個(gè)實(shí)戰(zhàn)案例,幫你掌握專業(yè)設(shè)計(jì)師才會(huì)的設(shè)計(jì)思維方法

資深UI設(shè)計(jì)者

什么是設(shè)計(jì)思維呢?顧名思義,設(shè)計(jì)思維就是設(shè)計(jì)師用來思考問題和解決問題的方法。如何培養(yǎng)設(shè)計(jì)思維?今天這篇用兩個(gè)實(shí)戰(zhàn)案例幫你一窺設(shè)計(jì)思維的奧妙。

表單經(jīng)典原則是錯(cuò)的?來看這5個(gè)表單設(shè)計(jì)新規(guī)則

資深UI設(shè)計(jì)者

每天我們都使用表單進(jìn)行基本的網(wǎng)上操作。網(wǎng)上購(gòu)物、注冊(cè)郵箱、社交網(wǎng)絡(luò)甚至參與討論、描述美味的午餐等等都需要我們填好表單。不夸張地說,表單是數(shù)字信息分享的生命根基。然而多年以來,表單的體驗(yàn)鮮有提升,僅僅停留在功能足夠好卻達(dá)不到體驗(yàn)上的優(yōu)秀。然而現(xiàn)在,在使用恰當(dāng)技術(shù)的幫助下,我們可以設(shè)計(jì)出更快、更簡(jiǎn)單、更有成效的表單體驗(yàn)。

用一個(gè)實(shí)戰(zhàn)案例,帶你學(xué)習(xí)交互設(shè)計(jì)師的思考方式

資深UI設(shè)計(jì)者

編者按:什么是交互設(shè)計(jì),交互設(shè)計(jì)師在做什么?他們是如何思考的?今天這篇文章以“我要買一部手機(jī)”為例。帶你從零開始認(rèn)識(shí)交互設(shè)計(jì)師的思考方式。

交互設(shè)計(jì)是什么?

我們常常說“我們是用戶的代言人,以用戶為中心做設(shè)計(jì)”、“交互設(shè)計(jì)是信息設(shè)計(jì)+行為設(shè)計(jì)”等。我們需要明白,這些定義是設(shè)計(jì)師在自我視角下從不同維度對(duì)交互進(jìn)行的定義。

我們是在一個(gè)商業(yè)機(jī)構(gòu)做一個(gè)商業(yè)行為,所以設(shè)計(jì)行為是帶有一定的商業(yè)目的,設(shè)計(jì)的價(jià)值也體現(xiàn)在商業(yè)價(jià)值的實(shí)現(xiàn)上。

所以,在以上大前提下來看設(shè)計(jì): 設(shè)計(jì)是為了達(dá)成一定的商業(yè)目標(biāo)服務(wù)的,設(shè)計(jì)本身是我們的表達(dá)手段,在達(dá)成業(yè)務(wù)及用戶目標(biāo)的過程中需要一定的設(shè)計(jì)指導(dǎo)準(zhǔn)則以達(dá)到優(yōu)秀的使用體驗(yàn)。


日歷

鏈接

個(gè)人資料

存檔