首頁

內(nèi)容為王的時(shí)代,阿里設(shè)計(jì)師用實(shí)戰(zhàn)案例解讀內(nèi)容化設(shè)計(jì)!

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

如果說好的產(chǎn)品是運(yùn)營出來的,那么內(nèi)容作為用戶體驗(yàn)中的重要部分不容忽視。然而我們在設(shè)計(jì)中經(jīng)常缺乏內(nèi)容體驗(yàn)的意識(shí)。借著第十三屆用戶體驗(yàn)大會(huì)User Friendly 2016的分享,手淘的設(shè)計(jì)師和業(yè)內(nèi)的同學(xué)們一起做workshop,探索如何進(jìn)行行之有效的內(nèi)容策略腦爆,以及思考內(nèi)容產(chǎn)生、組織到流轉(zhuǎn)分發(fā)的設(shè)計(jì)策略和用戶行為數(shù)據(jù)驗(yàn)證。希望能讓大家對無線端導(dǎo)購的內(nèi)容化設(shè)計(jì)有所啟發(fā)。以下是對大會(huì)相關(guān)內(nèi)容的整理。

在探討內(nèi)容化設(shè)計(jì)是什么之前,或許有人奇怪:設(shè)計(jì)為什么要關(guān)注內(nèi)容呢?

內(nèi)容一直是設(shè)計(jì)缺少關(guān)懷的“冷門”,一直以來內(nèi)容似乎是運(yùn)營的事兒,設(shè)計(jì)更多是參與到產(chǎn)品、技術(shù)的流程中。那么,大家覺得作為設(shè)計(jì)師的我們是否要管內(nèi)容的事兒呢?

要關(guān)注!為什么?因?yàn)榻换ピO(shè)計(jì)是一門關(guān)注人(people)、產(chǎn)品(product)、情境(context)的科學(xué)。我們平時(shí)在工作中最多關(guān)注的是用戶,也就是人和產(chǎn)品之間的交互。但情境也是重要一環(huán),除了具體場景化情境,設(shè)計(jì)師也要關(guān)注當(dāng)前的時(shí)代環(huán)境。

網(wǎng)頁中用到的對比原則(三):區(qū)塊對比

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

網(wǎng)頁當(dāng)中說到布局設(shè)計(jì),不得不提柵格,柵格是網(wǎng)頁設(shè)計(jì)當(dāng)中的基礎(chǔ),它可以幫你確定網(wǎng)頁的各個(gè)元素要怎么放置,讓整個(gè)網(wǎng)頁具有規(guī)范感和正式感,還具有一種結(jié)構(gòu)分明的設(shè)計(jì)感。

網(wǎng)頁中用到的對比原則(三):區(qū)塊對比

如何善用對比度來提升網(wǎng)頁內(nèi)容的可讀性

周周

當(dāng)我們聊設(shè)計(jì)的時(shí)候,可讀性是我們最常提及的話題。良好的設(shè)計(jì)應(yīng)該都是可讀的設(shè)計(jì),如果信息都無法正常而清晰的傳達(dá),那么設(shè)計(jì)就失去了意義。

設(shè)計(jì)的可讀性和排版設(shè)計(jì)息息相關(guān),與此同時(shí),對比度的控制也是其中的核心。想要提升內(nèi)容的可讀性,讓內(nèi)容以更加順暢、更符合邏輯的形式呈現(xiàn)在用戶面前,你需要借助對比度來表達(dá),讓用戶真正順暢的理解。

色彩對比

前景的文字需要和背景有著明顯的對比,它需要能夠吸引用戶的眼球。

設(shè)計(jì)中不可承受的同質(zhì)化

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

設(shè)計(jì)在所有的行業(yè)里一直都是一個(gè)很高深的職業(yè),不是因?yàn)樗挠腥?,而是很多設(shè)計(jì)師們總能將自己的創(chuàng)意躍然紙上,化腐朽為神奇。

然而,近幾年我們不難發(fā)現(xiàn),設(shè)計(jì)師們的作品越來越趨向于同質(zhì)化,個(gè)人風(fēng)格不再那么的明顯和獨(dú)特了。

b4d7586f3083a8012060c8faa9a8.jpg




內(nèi)容為王的時(shí)代,阿里設(shè)計(jì)師用實(shí)戰(zhàn)案例解讀內(nèi)容化設(shè)計(jì)!

周周

編者按:什么是內(nèi)容化設(shè)計(jì)?設(shè)計(jì)師為什么要關(guān)注內(nèi)容?如何通過設(shè)計(jì)的手段提高內(nèi)容體驗(yàn)?阿里設(shè)計(jì)師用一個(gè)手淘的實(shí)戰(zhàn)案例,幫你掌握內(nèi)容化設(shè)計(jì)的精髓!

前言

如果說好的產(chǎn)品是運(yùn)營出來的,那么內(nèi)容作為用戶體驗(yàn)中的重要部分不容忽視。然而我們在設(shè)計(jì)中經(jīng)常缺乏內(nèi)容體驗(yàn)的意識(shí)。借著第十三屆用戶體驗(yàn)大會(huì)User Friendly 2016的分享,手淘的設(shè)計(jì)師和業(yè)內(nèi)的同學(xué)們一起做workshop,探索如何進(jìn)行行之有效的內(nèi)容策略腦爆,以及思考內(nèi)容產(chǎn)生、組織到流轉(zhuǎn)分發(fā)的設(shè)計(jì)策略和用戶行為數(shù)據(jù)驗(yàn)證。希望能讓大家對無線端導(dǎo)購的內(nèi)容化設(shè)計(jì)有所啟發(fā)。以下是對大會(huì)相關(guān)內(nèi)容的整理。

在探討內(nèi)容化設(shè)計(jì)是什么之前,或許有人奇怪:設(shè)計(jì)為什么要關(guān)注內(nèi)容呢?

純干貨:設(shè)計(jì)師如何與“甲方”有效溝通

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

有不少人,長久以來處于一個(gè)誤區(qū),他們認(rèn)為所有的設(shè)計(jì)師都是內(nèi)向的,只會(huì)對著電腦干點(diǎn)活出點(diǎn)圖而已,但實(shí)際上,要想做出令大家都滿意的作品,設(shè)計(jì)師是需要在前中后期做大量的溝通工作的,所以如何與自己的“甲方”進(jìn)行溝通,一直是絕大部分設(shè)計(jì)師每天都需要面對的重要問題。

純干貨:設(shè)計(jì)師如何與“甲方”有效溝通


這7個(gè)秘訣,能幫你做出體驗(yàn)極佳的網(wǎng)頁表單

周周

表單是網(wǎng)頁設(shè)計(jì)中最常見的元素,幾乎每個(gè)網(wǎng)站都會(huì)包含一種甚至幾種不同類型的表單。從簡單的電子郵件搜集和訂閱,到注冊、下單、購買,表單一直伴隨著網(wǎng)頁而存在。所以,設(shè)計(jì)出好看易用的表單是非常有必要的。

也正是因?yàn)楸韱我恢卑殡S這網(wǎng)頁存在,在過去的20多年間,表單的設(shè)計(jì)規(guī)范和標(biāo)準(zhǔn)也一直在逐步發(fā)展。雖然許多網(wǎng)頁中的表單涵蓋了大量的信息也數(shù)量可觀的欄目,但是絕大多數(shù)的優(yōu)秀設(shè)計(jì)和最佳實(shí)踐都是以簡單而著稱。好的表單一目了然,用戶不需要輸入太多信息,條目標(biāo)識(shí)明確,格式清晰,讓用戶盡可能一次就能正確填寫。

論心思,有多少 icon 經(jīng)得起放大來看?

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

設(shè)計(jì)師常吐槽甲方的審美一塌糊涂,要求改稿數(shù)十次,末了來一句“還是第一版好看”。

論心思,有多少 icon 經(jīng)得起放大來看?

聽高手分析!谷歌設(shè)計(jì)師談VR設(shè)計(jì)的現(xiàn)狀、挑戰(zhàn)與前景

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

設(shè)計(jì)傳統(tǒng)的2D界面尚且需要你掌握大量專業(yè)知識(shí)并付出辛勤的汗水,要打造全新的體驗(yàn)獨(dú)特的3D世界又將意味著什么?Mike Alger和Andy Stone正是致力于研究這一問題的兩位走在前沿的VR設(shè)計(jì)師。

Mike Alger目前就職于Google,過去幾年里一直在VR領(lǐng)域進(jìn)行探索,他所制作的幾部VR設(shè)計(jì)理念講解視頻堪稱業(yè)界經(jīng)典。Andy Stone是Emerson Stone設(shè)計(jì)公司的合作伙伴,同時(shí)也是Medium上的VR話題作者之一。

2017年大家都在學(xué)習(xí)的服務(wù)設(shè)計(jì),這篇文章帶你快速入門!

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

編者按:什么是服務(wù)設(shè)計(jì)?為什么大家都開始學(xué)習(xí)服務(wù)設(shè)計(jì)?服務(wù)設(shè)計(jì)有哪些原則,它的基礎(chǔ)流程和工具是什么?今天阿里設(shè)計(jì)師由夏用這篇文章帶你快速入門。

總監(jiān)最近撰寫了一篇讀書筆記,聊聊如何從用戶體驗(yàn)設(shè)計(jì)的角度來學(xué)習(xí)服務(wù)設(shè)計(jì):《趨勢搶先知!2017年設(shè)計(jì)師都在討論的服務(wù)設(shè)計(jì)到底是什么?》

日歷

鏈接

個(gè)人資料

存檔