首頁(yè)

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

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

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

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

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

淘寶發(fā)布了新版本的App后,從圖標(biāo)到按鈕全部換成了漸變色的形式,讓我們?cè)谇宦傻谋馄交兩畛渲醒矍耙涣?。我覺(jué)得這是一個(gè)風(fēng)向標(biāo),會(huì)有越來(lái)越多的App注入更多的色彩,所以我判斷下一季是漸變幻彩的風(fēng)格。那么我就來(lái)寫點(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í)邊界,就得通過(guò)費(fèi)力的征戰(zhàn)去擴(kuò)大地盤

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

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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

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

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

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

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

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

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

日歷

鏈接

個(gè)人資料

存檔