首頁

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

周周

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

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

色彩對比

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

內(nèi)容為王的時代,阿里設(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ì)師用一個手淘的實(shí)戰(zhàn)案例,幫你掌握內(nèi)容化設(shè)計(jì)的精髓!

前言

如果說好的產(chǎn)品是運(yùn)營出來的,那么內(nèi)容作為用戶體驗(yàn)中的重要部分不容忽視。然而我們在設(shè)計(jì)中經(jīng)常缺乏內(nèi)容體驗(yàn)的意識。借著第十三屆用戶體驗(yàn)大會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ā)。以下是對大會相關(guān)內(nèi)容的整理。

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

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

周周

表單是網(wǎng)頁設(shè)計(jì)中最常見的元素,幾乎每個網(wǎng)站都會包含一種甚至幾種不同類型的表單。從簡單的電子郵件搜集和訂閱,到注冊、下單、購買,表單一直伴隨著網(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)識明確,格式清晰,讓用戶盡可能一次就能正確填寫。

授人以漁!用一個清晰的思路幫你掌握移動界面標(biāo)注

周周

授人以魚不如授人以漁,我寫文章的目的并不是讓大家完全按照我的方法來做,而是希望我們都能提高自己的思維方式,因?yàn)楝F(xiàn)在網(wǎng)上的方法與經(jīng)驗(yàn)實(shí)在太多(又不能確定都是正確的),你的大腦永遠(yuǎn)無法承載整個互聯(lián)網(wǎng)的信息容量,所以與其看那多內(nèi)容,不如從根源上提高自己拆解、分析、總結(jié)的能力,這樣無論以后你遇到什么樣的問題,都能夠迎刃而解。

用好這5個技巧,幫你快速挑選出最合適的字體

周周

時下一種流行的設(shè)計(jì)方式是在頁面頂部使用配有簡潔文字的大幅圖片或者視頻,以此吸引用戶進(jìn)入網(wǎng)站。這種設(shè)計(jì)方式最頭疼的就是如何為這些文字選擇合適的字體。

從樣式繁多的字體庫中找到一個合適的字體,往往會讓設(shè)計(jì)師感到舉步維艱。但是我們可以使用一些小技巧,就能找到我們需要的字體。讓我們通過下面幾個精彩的案列來分享這5條建議。

什么是特排字體(Display Type)

有了這6個實(shí)用素材站,從此靈感不求人!

周周

左手素材,右手靈感,今天推薦的這6個網(wǎng)站都是@阿隨向前沖 多年壓箱底的好收藏,從PSD 到展示樣機(jī)、圖標(biāo)、字體、紋理等等都是最經(jīng)典的,趕緊來收藏。

1. 綜合素材庫:Graphberry

先分享幾家綜合素材庫,包括PSD 源文件模板、Mockup展示稿樣機(jī)、UIKITS、圖標(biāo)包、甚至博客模板等。這個站點(diǎn)最大的特點(diǎn)是:

免費(fèi),允許個人和商業(yè)使用!送給站長一個大寫的贊!

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

周周

設(shè)計(jì)傳統(tǒng)的2D界面尚且需要你掌握大量專業(yè)知識并付出辛勤的汗水,要打造全新的體驗(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ì)公司的合作伙伴,同時也是Medium上的VR話題作者之一。

實(shí)體與空間的迷宮

關(guān)于VR,首先需要定義清楚的就是“虛擬現(xiàn)實(shí)”這個概念本身。這個名字不錯,也存在了有一段時間了,但如今我們知道這個概念有著更廣泛和深刻的所指,沉浸式體驗(yàn)的意義更在于對我們所生活的這個現(xiàn)實(shí)世界進(jìn)行擴(kuò)展。

VR不僅代表著一種全新的人機(jī)交互范式,它更需要我們對物理及空間相關(guān)的知識有著深層的理解,包括音效設(shè)計(jì)、建筑設(shè)計(jì)、光影與物理效應(yīng)等等方面。對于社交類產(chǎn)品來說,這些要素很可能重塑個人空間、個人形象的展現(xiàn)形式,以及人與人之間的互動模式。

在為VR進(jìn)行設(shè)計(jì)之前,我們需要充分考慮清楚自己的設(shè)計(jì)傾向及其有可能對用戶造成的影響。這是一項(xiàng)長期工作,隨著我們對全新社交范式的理解的不斷深入,相關(guān)指導(dǎo)原則的制定及道德層面的討論也會持續(xù)進(jìn)行。

科班高手的方法!16個簡單實(shí)用的排版小TIPS

周周

@乘與九設(shè)計(jì) :我們正處在一場注意力爭奪戰(zhàn)中。如何利用版式設(shè)計(jì)抓住用戶的注意力呢?

商業(yè)環(huán)境中講究一個「快」字。我們閱讀的時候長期接受過載的信息,很難再集中精神,那么,一個內(nèi)容清晰的閱讀體驗(yàn)就非常重要。

所以,以下16張版式小Tips,或許能解決排版這個問題。

第一步,思考?。?!別急著打開PS

階好文!讓人舒服的的交互設(shè)計(jì)稿該有的5個特點(diǎn)

周周

@黃紅藝Designer :還沒有跨入交互設(shè)計(jì)的門檻時,總是想明確的知道一些客觀、確定的事情。比如,想知道交互設(shè)計(jì)的具體流程是什么,交互稿到底長什么樣子,Axure 中的Case 用例怎么用以及加載動畫怎么做,總希望有人能給一個交互設(shè)計(jì)的原型案例作為模板。

趨勢搶先知!2017年設(shè)計(jì)師都在討論的服務(wù)設(shè)計(jì)到底是什么?

周周

先說下本文的思路,我會筆記一些服務(wù)設(shè)計(jì)的知識重點(diǎn),并做一些分析和思考。

本文并不是區(qū)分服務(wù)設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì),我是想從用戶體驗(yàn)設(shè)計(jì)的角度來學(xué)習(xí)服務(wù)設(shè)計(jì)的思考方式和閃光點(diǎn)。

日歷

鏈接

個人資料

存檔