首頁

淘寶2017-提示信息的情感化設(shè)計

用心設(shè)計

現(xiàn)如今,消費者對產(chǎn)品的需求從追求高性價比更多地轉(zhuǎn)為高品質(zhì),雖然手機只是一個機器,但用戶與產(chǎn)品之間當(dāng)然是能有情感傳遞的,不然就只是一個冷冰冰的工具而已,能讓用戶在使用體驗和過程中產(chǎn)生愉悅的產(chǎn)品才可能走的更遠(yuǎn)。


淘寶不只是售賣商品的平臺,而是有活力、創(chuàng)造力的生態(tài)圈,淘寶的用戶也是越來越年輕化,淘寶當(dāng)然也應(yīng)該有自己的故事,自己的“小情緒”,將這些有趣故事敘說給用戶,這樣才能給用戶帶來更好的購物心情和體驗。


淘寶2017-提示信息的情感化設(shè)計

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

資深UI設(shè)計者

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

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

周周

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

我們先來看一個小測試:以下的方案中,哪一個是好設(shè)計?

設(shè)計中的對比——給設(shè)計師的20個建議

用心設(shè)計

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

對比實際上是每一項設(shè)計都應(yīng)體現(xiàn)的重要原則,因為對比能夠組織設(shè)計并構(gòu)建設(shè)計的層次,也就是說它能夠告訴觀眾什么才是最重要的部分。恰當(dāng)?shù)剡\用對比不僅能強調(diào)焦點,還可以增添視覺趣味性。如果一項設(shè)計中的所有元素都是相同的尺寸、相同的形狀顏色,那么看起來就會十分枯燥,但加入一點對比就全然不同。設(shè)計中的對比——給設(shè)計師的20個建議

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

資深UI設(shè)計者

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

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

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

周周

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

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

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

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

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

日本80后新銳設(shè)計師嚴(yán)選,這才是日本風(fēng)格(上)

用心設(shè)計

日本設(shè)計一直被大眾奉為圭臬,在亞洲區(qū)域極具指針,并且擁有強烈的文化特色,許多視覺會讓人不禁說出「日本風(fēng)格」這樣的感受。在現(xiàn)代化驅(qū)動的現(xiàn)今,許多國家漸漸失去文化代表性,盡管日本也深受歐美文化影響,但在現(xiàn)代風(fēng)格的作品中,仍然可以展現(xiàn)傳統(tǒng)文化的氛圍,從新一代的設(shè)計師身上,也都可以看到這樣的特質(zhì),在西方與東方中找到完美的平衡,并適當(dāng)?shù)恼宫F(xiàn)文化的獨特性。本篇特別搜集整理了幾位不同風(fēng)格的設(shè)計師作品,要來與大家分享所謂的「日本 style」!

日本80后新銳設(shè)計師嚴(yán)選,這才是日本風(fēng)格(上)

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

資深UI設(shè)計者

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

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

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

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

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

周周

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

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

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

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

說個現(xiàn)象,仔細(xì)想想自己是不是這樣的:我們在做視覺評審的時候,設(shè)計師講述的常常是文字對齊、線條、高斯模糊、圖片大小等視覺表現(xiàn),有時候甚至沉醉于 icon 的角度及尺寸的問題。面對于產(chǎn)品經(jīng)理與程序員的質(zhì)疑只能說:我覺得這樣更好看、這樣比較適合我們產(chǎn)品的風(fēng)格…之類的話。要知道,這些理由在如今這個以顯性數(shù)字指標(biāo)為衡量標(biāo)準(zhǔn)的互聯(lián)網(wǎng)時代已顯得蒼白無力。

實話實話,想要把設(shè)計風(fēng)格講清楚,的確不是一件容易的事。但絕對要避免從感性的角度來闡述事實的這種習(xí)慣,畢竟現(xiàn)在的移動產(chǎn)品從視覺表現(xiàn)力方面正在逐步降低要求,這種環(huán)境的變化也是要求視覺設(shè)計師應(yīng)該主動去加強設(shè)計思路的原因。

為什么要用這個顏色,為什么要用線條、模糊、留白、卡片、陰影…說這么多干嘛?別人能懂?即使聽懂了,他也會從他的角度來告訴你:那我覺得這個陰影不要會更好。你怎么回復(fù)?

留白在網(wǎng)頁設(shè)計當(dāng)中的運用

用心設(shè)計

留白,也可以稱為負(fù)空間留白并非只是簡單的指白色空間部分,它也可能是同個網(wǎng)頁下的各個元素的空白空間。

這樣的留白可以體現(xiàn)在多個地方,比如:幻燈片、區(qū)塊邊距、布局、行距、圖表等。處理留白比較考驗設(shè)計師的設(shè)計能力,留白可以打造簡約的風(fēng)格特點,而在哪里留白就顯得比較重要,它不僅是調(diào)節(jié)界面的視覺審美效果,更是要凸顯主體,達(dá)到留白的最終目的。

留白處理不當(dāng)很容易變成單調(diào)乏味。所以留白需要設(shè)計師拿捏好尺度。


留白在網(wǎng)頁設(shè)計當(dāng)中的運用


日歷

鏈接

個人資料

存檔