首頁

覆蓋層設(shè)計(jì)(上)-對話框&浮層

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

什么是覆蓋層?從本文的角度來講,覆蓋層指在當(dāng)前頁面上打開的臨時(shí)界面。這些臨時(shí)界面能夠完成提示性的或上下文相關(guān)的任務(wù),它們的打斷性較弱,為用戶保持較為連貫的使用體驗(yàn)。我們?nèi)粘?huì)見到的 “浮層”、“彈層”、“彈框”等都在本文的討論范圍內(nèi)。

幻彩波爾卡圓點(diǎn)

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

淘寶發(fā)布了新版本的App后,從圖標(biāo)到按鈕全部換成了漸變色的形式,讓我們在千篇一律的扁平化純色填充中眼前一亮。我覺得這是一個(gè)風(fēng)向標(biāo),會(huì)有越來越多的App注入更多的色彩,所以我判斷下一季是漸變幻彩的風(fēng)格。那么我就來寫點(diǎn)關(guān)于漸變的教程。



成為高手的學(xué)習(xí)之路②:學(xué)習(xí)環(huán)境、途徑

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

在舒適區(qū)和恐慌區(qū)之間有一個(gè)區(qū),叫學(xué)習(xí)區(qū),又叫做“脫離舒適區(qū)”,學(xué)習(xí)的本質(zhì)就是永遠(yuǎn)不舒服,永遠(yuǎn)在做自己不會(huì)做的事

在已有的知識(shí)領(lǐng)域中,你全知全能的,可你一旦想增大自己的知識(shí)邊界,就得通過費(fèi)力的征戰(zhàn)去擴(kuò)大地盤

學(xué)校里有很多學(xué)霸,教材上的內(nèi)容背的滾瓜爛熟,所有習(xí)題都見過,每次考試都是好成績,但進(jìn)入社會(huì)后事業(yè)發(fā)展卻不太順利,為什么?成績好說明他不是一個(gè)不會(huì)學(xué)習(xí)的人,就是因?yàn)樗谑孢m區(qū)里待太久,對外界新知識(shí)的強(qiáng)烈挑戰(zhàn)的欲望反而沒那么強(qiáng),高分低能的根本原因就在這

成為高手的學(xué)習(xí)之路②:學(xué)習(xí)環(huán)境、途徑

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

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

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


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


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

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

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

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

對比實(shí)際上是每一項(xiàng)設(shè)計(jì)都應(yīng)體現(xiàn)的重要原則,因?yàn)閷Ρ饶軌蚪M織設(shè)計(jì)并構(gòu)建設(shè)計(jì)的層次,也就是說它能夠告訴觀眾什么才是最重要的部分。恰當(dāng)?shù)剡\(yùn)用對比不僅能強(qiáng)調(diào)焦點(diǎn),還可以增添視覺趣味性。如果一項(xiàng)設(shè)計(jì)中的所有元素都是相同的尺寸、相同的形狀顏色,那么看起來就會(huì)十分枯燥,但加入一點(diǎn)對比就全然不同。設(shè)計(jì)中的對比——給設(shè)計(jì)師的20個(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í)尚極簡風(fēng)格插畫的目的是運(yùn)用,而極簡風(fēng)格的插畫在UI設(shè)計(jì)中是非常適宜討巧的配圖對象。尤其是運(yùn)用在與時(shí)尚相關(guān)的網(wǎng)頁中,大約是最不容易被忽視的亮點(diǎn)。

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

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

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

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

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


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


簡而未減——結(jié)構(gòu)化消息專為大屏而設(shè)計(jì)

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

隨著大屏幕高清分辨率的普及,我們在打游戲、看電影、瀏覽美圖時(shí),總希望屏幕越大越好,這種視角上廣度與深度的享受以及和沉浸式、聚焦的體驗(yàn),是在小屏幕上完全給予不了的。

圖中可以看出5.5英寸以上屏幕可以稱Phablet,7英寸以上就是Tablet。這次案例以Tablet設(shè)備為主,Phablet設(shè)備為輔進(jìn)行體驗(yàn)設(shè)計(jì)。

網(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ū)塊對比

日歷

鏈接

個(gè)人資料

存檔