首頁(yè)

視覺(jué)設(shè)計(jì)之文字編排的易讀性

ui設(shè)計(jì)分享達(dá)人

在視覺(jué)設(shè)計(jì)工作中,大家總習(xí)慣將重點(diǎn)放在圖標(biāo)和色彩上。但實(shí)際上,作為一個(gè)閱讀類app,思考如何讓文章更易于閱讀是和圖形、色彩處理同等甚至更為重要。
在設(shè)計(jì)工作中,如果有100個(gè)人就會(huì)有100種設(shè)計(jì)理論,我認(rèn)為并不能總結(jié)出一條絕對(duì)正確的理論。但是,如果完全沒(méi)有什么設(shè)計(jì)理論的話,貌似會(huì)使設(shè)計(jì)顯得很奇怪。比如,經(jīng)常會(huì)看到這種書(shū)籍(圖1),一行文字過(guò)長(zhǎng)而訂口的空白又處理得不太合適。只要看到這樣的設(shè)計(jì),馬上就會(huì)想到“這里好像沒(méi)有規(guī)則啊”,還會(huì)讓人產(chǎn)生“這本書(shū)的設(shè)計(jì)師好像不讀書(shū)啊”這樣的感覺(jué)。在閱讀過(guò)程中哪怕只有一些地方令人難以理解,也會(huì)讓人精神不集中,不能徹底關(guān)注文章本身。如果是一個(gè)讀書(shū)的人,他自己看看這樣的設(shè)計(jì),自己也會(huì)感到這種方式不便于閱讀啊。所以我認(rèn)為電子書(shū)的閱讀感受也是這樣,要做出理想的版面,作為設(shè)計(jì)者需要站在讀者的角度考慮,應(yīng)該尋找對(duì)于自己來(lái)說(shuō)便于閱讀的排版。因此,也借此機(jī)會(huì)來(lái)整理出網(wǎng)易云閱讀產(chǎn)品中,書(shū)籍正文文字排版的相關(guān)規(guī)則。

視覺(jué)設(shè)計(jì)之由引導(dǎo)頁(yè)說(shuō)開(kāi)來(lái)

ui設(shè)計(jì)分享達(dá)人

當(dāng)你第一次打開(kāi)一款應(yīng)用的時(shí)候常常會(huì)看到精美的引導(dǎo)頁(yè)設(shè)計(jì),它們?cè)谀阄词褂卯a(chǎn)品之前提前告知你產(chǎn)品的主要功能與特點(diǎn),第一次印象的好壞會(huì)極大地影響到后續(xù)的產(chǎn)品使用體驗(yàn)。因此各個(gè)公司都在努力將這幾個(gè)頁(yè)面設(shè)計(jì)好,從一開(kāi)始就引人入勝。那接下來(lái)我跟大家一起來(lái)探討關(guān)于引導(dǎo)頁(yè)的設(shè)計(jì)。

一、 目的區(qū)分

根據(jù)引導(dǎo)頁(yè)的目的、出發(fā)點(diǎn)不同,可以將其分為功能介紹類、使用說(shuō)明類、推廣類、問(wèn)題解決類,一般引導(dǎo)頁(yè)不會(huì)超過(guò)5頁(yè)。

漫談響應(yīng)式設(shè)計(jì)

ui設(shè)計(jì)分享達(dá)人

1. 如何理解響應(yīng)式設(shè)計(jì)(RWD)
學(xué)究一些,首先大家先了解一下響應(yīng),然后再講一下設(shè)計(jì),響應(yīng)就是我發(fā)出的請(qǐng)求能得到什么樣子的回復(fù),比如我說(shuō)“你好”,你會(huì)很容易的給我回復(fù)“你好”,因?yàn)榇蠹叶际侵袊?guó)人,如果我說(shuō)“hello”,我們這代人如果上過(guò)初中,他也會(huì)給我說(shuō)“Hello”,但是如果我給對(duì)你說(shuō)“Bonjour”,那可能只有高配的人才可能知道了。這里面,就舉了一個(gè)例子,我的應(yīng)答對(duì)象就相當(dāng)于我們要講的響應(yīng)式的設(shè)備,他必須能夠解析我發(fā)給他的需求。然后咱們?cè)僦v一下設(shè)計(jì),設(shè)計(jì)的官方解釋是這樣的:

一個(gè)設(shè)計(jì)老炮自述UED人演變史

ui設(shè)計(jì)分享達(dá)人

汪方進(jìn),阿里巴巴B2B事業(yè)群-用戶體驗(yàn)設(shè)計(jì)部負(fù)責(zé)人。擁有多年設(shè)計(jì)行業(yè)從業(yè)經(jīng)驗(yàn)和深厚專業(yè)背景,2003年—2011年間任職于網(wǎng)易公司,期間曾擔(dān)任網(wǎng)易用戶體驗(yàn)設(shè)計(jì)中心總監(jiān),親歷或主導(dǎo)網(wǎng)易郵箱、門(mén)戶、LOFTER、新聞客戶端、網(wǎng)易首頁(yè)等諸多海量級(jí)用戶產(chǎn)品的重大改版和體驗(yàn)升級(jí)。2012年加盟阿里巴巴集團(tuán)B2B事業(yè)群,負(fù)責(zé)阿里系內(nèi)貿(mào)B2B平臺(tái)1688.com、村淘、零售通等業(yè)務(wù)的全站體驗(yàn)設(shè)計(jì)工作,帶領(lǐng)團(tuán)隊(duì)完成1688首頁(yè)、我的阿里、手機(jī)1688、1688行業(yè)頻道群、村淘網(wǎng)站等網(wǎng)站核心產(chǎn)品的重大改版和新突破。 長(zhǎng)期致力于UED團(tuán)隊(duì)“道—術(shù)—器”的思考與實(shí)踐,沉淀了從設(shè)計(jì)觀到方法論、從文化土壤到專業(yè)能力提升等整套UED團(tuán)隊(duì)的發(fā)展思路和管理心法,為設(shè)計(jì)團(tuán)隊(duì)帶來(lái)了新的思考視角和價(jià)值延伸。

G20 logo設(shè)計(jì)師的“字言字語(yǔ)”

ui設(shè)計(jì)分享達(dá)人

在G20之后,我們有幸邀請(qǐng)了G20 logo的主創(chuàng)——浙江工業(yè)大學(xué)藝術(shù)學(xué)院的方宏章老師,來(lái)為我們做了一次關(guān)于字體設(shè)計(jì)的分享。

方宏章老師任教于浙江工業(yè)大學(xué)藝術(shù)學(xué)院,同時(shí)也是杭州九月九號(hào)工作室合伙人。作為一名平面設(shè)計(jì)師、策展人,方老師曾策劃2010紐約字體藝術(shù)指導(dǎo)俱樂(lè)部獲獎(jiǎng)作品中國(guó)巡回展在杭州的展出,也曾策劃2012企鵝圖書(shū)設(shè)計(jì)藝術(shù)亞洲巡展,作品應(yīng)邀參加寧波國(guó)際平面設(shè)計(jì)雙年展,亞洲平面設(shè)計(jì)雙年展等展覽。

產(chǎn)品插畫(huà)設(shè)計(jì)中的比喻技巧

ui設(shè)計(jì)分享達(dá)人

在產(chǎn)品插畫(huà)中合理使用比喻既不是在插畫(huà)中使用比喻的修辭方式,也不是在把比喻內(nèi)容用插畫(huà)表現(xiàn)出來(lái)這么簡(jiǎn)單。

最近我被問(wèn)到蠻多的一個(gè)問(wèn)題是:在招聘插畫(huà)師時(shí)你主要考核什么方面?

既不是擁有獨(dú)特的個(gè)人特質(zhì),也不是深諳多種風(fēng)格,更不是曾服務(wù)過(guò)的知名客戶列表或者作品出展過(guò)的地方,當(dāng)然擁有這些資質(zhì)也挺不錯(cuò)的。我的答案是:設(shè)計(jì)師對(duì)比喻的使用程度。為團(tuán)隊(duì)招聘插畫(huà)師的時(shí)候,我最想了解候選人是否理解如何通過(guò)愉悅輕松易懂的方式,借助比喻來(lái)傳遞復(fù)雜的想法。

關(guān)于VR,設(shè)計(jì)師要去做四件事

ui設(shè)計(jì)分享達(dá)人

第1件事是體驗(yàn)。其實(shí)體驗(yàn)VR的成本很低,你只需要一臺(tái)屏幕尺寸在4.7寸以上的手機(jī)和一副VR眼鏡就可以了。VR眼鏡最便宜的可以在淘寶上買谷歌的Cardboard,十幾塊錢(qián),效果也很好。內(nèi)容上不要滿足于那種虛擬電影院看3D電影的,那種不能算VR。請(qǐng)先翻墻(很重要),谷歌一下VR類的app,這里推薦幾個(gè):Google Cardboard,VRSE,Discovery VR,InMind VR等。

動(dòng)態(tài)交互如何達(dá)成更佳的操作體驗(yàn)

ui設(shè)計(jì)分享達(dá)人

眾所周知,我們的感知系統(tǒng)主要分為五覺(jué),分別為視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)、嗅覺(jué)、味覺(jué),而根據(jù)分析,其中90%的感知是來(lái)源于視覺(jué)系統(tǒng)。而為界面產(chǎn)品增加有趣的UI動(dòng)效,便是利用了視覺(jué)刺激思維和人機(jī)交互細(xì)處理,來(lái)營(yíng)造出更為有趣的人機(jī)互動(dòng)模式,從而達(dá)到傳遞或獲取信息的結(jié)果。

網(wǎng)頁(yè)設(shè)計(jì)必知的導(dǎo)航設(shè)計(jì)三原則

ui設(shè)計(jì)分享達(dá)人

網(wǎng)站設(shè)計(jì)導(dǎo)航就如同為房子打基礎(chǔ)。如果地基不牢靠,再壯觀的設(shè)計(jì)也無(wú)法掩蓋建筑結(jié)構(gòu)的潛在風(fēng)險(xiǎn),其實(shí)網(wǎng)站也是如此,如果想讓網(wǎng)站擁有優(yōu)秀的用戶體驗(yàn),良好的轉(zhuǎn)化率,可觀的銷售額,你需要花費(fèi)相當(dāng)?shù)臅r(shí)間去了解你的用戶需求,精心設(shè)計(jì)網(wǎng)站的內(nèi)容,尋求可靠而直觀有效的內(nèi)容組織體系,而這些東西的外化體現(xiàn),就是網(wǎng)站的導(dǎo)航設(shè)計(jì)。今天我們就來(lái)分享下導(dǎo)航設(shè)計(jì)的三條重要原則:

提高審美能力的具體方法有哪些?

ui設(shè)計(jì)分享達(dá)人

審美能力是個(gè)人所具有的與進(jìn)行審美活動(dòng)相關(guān)的主觀條件和心理能力。審美感受以“視、聽(tīng)”兩種感官為主,而在這方面并不是每個(gè)人都一樣的。在這里,先天的條件,以及后天的訓(xùn)練都起著很大的作用。審美能力也是設(shè)計(jì)師必備的一種能力。那么,要想提高審美能力都有哪些具體的方法和途徑呢?今天,我們就來(lái)分享三種可以提高審美能力的方法:

日歷

鏈接

個(gè)人資料

存檔