打磨細(xì)節(jié)·提升UI設(shè)計(jì)的高級感帐姻!

創(chuàng)建美觀、可用和高效的UI界面需要花費(fèi)時(shí)間進(jìn)行設(shè)計(jì)細(xì)節(jié)的打磨撮执,本文從視覺和情感化設(shè)計(jì)兩個(gè)方面來說說如何提升UI設(shè)計(jì)的高級感。

1舷丹、視覺元素?

在互聯(lián)網(wǎng)產(chǎn)品日趨成熟的今天抒钱,你會發(fā)現(xiàn)所有的App越來越像,似乎是同一套模版設(shè)計(jì)出來的產(chǎn)品。而這種普適化的設(shè)計(jì)會導(dǎo)致同質(zhì)化嚴(yán)重谋币,使得設(shè)計(jì)不精致仗扬,產(chǎn)品沒有氣質(zhì)和品牌感。一個(gè)App設(shè)計(jì)是否精致蕾额,是否富有設(shè)計(jì)感早芭,在于它的細(xì)節(jié),這就意味著我們在進(jìn)行設(shè)計(jì)的時(shí)候诅蝶,要從細(xì)微之處著手退个,從多方面去鉆研如何創(chuàng)造出打動人心的UI設(shè)計(jì)。本節(jié)總結(jié)了12個(gè)簡單直觀的提升設(shè)計(jì)感的小細(xì)節(jié)秤涩,一起來學(xué)習(xí)帜乞。

1.1 使用顏色深淺構(gòu)建層次結(jié)構(gòu)

在對UI 文本進(jìn)行樣式控制的時(shí)候,最常見的錯(cuò)誤莫過于過度依賴字體大小差異來營造對比筐眷。單純使用字體大小對比黎烈,所營造的對比并不夠,嘗試結(jié)合色彩和字重來營造更好的對比效果匀谣。

每種顏色都有一個(gè)視覺權(quán)重照棋,這有助于在內(nèi)容中建立層次結(jié)構(gòu)。通過使用顏色的深淺武翎,為元素賦予不同的重要性烈炭。如果可以的話,你甚至可以采用兩到三種顏色:

主要內(nèi)容使用深灰色(諸如標(biāo)題宝恶,但是不要用純黑)

次要內(nèi)容使用灰色(比如商品介紹)

輔助性內(nèi)容采用淺灰色(比如發(fā)布日期)

類似的符隙,在UI設(shè)計(jì)的時(shí)候,通常兩種不同的字重足以營造出優(yōu)秀的層次感:

大多數(shù)的文本采用正常的字重(400到500垫毙,具體取決于字體)

對于需要強(qiáng)調(diào)的文字采用較重的字重(600到700霹疫,具體取決于字體)

主標(biāo)題字重為600,其他標(biāo)綠點(diǎn)的文字字重都為400

應(yīng)當(dāng)盡量不要讓正文部分字重低于400综芥,因?yàn)檫@一部分字體本身尺寸已經(jīng)較小丽蝎,低于400會使得可讀性不佳。如果你依然需要降低字重膀藐,那么不妨讓字體色彩更淺一點(diǎn)屠阻,或者替換成其他識別度較強(qiáng)、字重相對較小的字體额各。

灰色文字在無彩/彩色背景下要分開處理

不要在有色背景上使用灰色的文本国觉,在白色背景下,將黑色的文本改成灰色(或者在黑色背景下使用灰色文本)虾啦,是不錯(cuò)的淡化其視覺效果的做法蛉加。

但是在彩色背景下蚜枢,想要降低和背景色之間的對比缸逃,通常有兩種方法:

一是降低白色文本的不透明度针饥;二是讓文本逐步接近背景色,而不是改為灰色需频。

左圖設(shè)計(jì)師職位信息為白色文字降低不透明度丁眼,右圖為和背景同色相高明度的顏色

其次當(dāng)涉及長篇內(nèi)容時(shí),大面積的深色粗體字會給人一種沉重感昭殉,而且很跳躍苞七。通過選擇類似深灰色(#4F4F4F)這樣的顏色可以很容易地解決這個(gè)問題,使文字更容易被識別挪丢。

1.2 統(tǒng)一色調(diào)

選擇一種基礎(chǔ)色蹂风,再調(diào)整色調(diào)和顏色深淺來增加均衡。設(shè)計(jì)時(shí)避免用過多的顏色乾蓬。如果項(xiàng)目允許惠啄,只需使用固定的色板,通過調(diào)整基礎(chǔ)色的飽和度和明度任内,利用這種簡單的方式為設(shè)計(jì)增加一致性撵渡。

1.3 干凈的陰影

陰影是UI設(shè)計(jì)中最常見的視覺表現(xiàn)手法,它可以增加元素的深度死嗦,使其從背景中脫穎而出趋距,引起用戶的注意力,同時(shí)也能增強(qiáng)畫面的視覺層次感越除。相比于采用大范圍的擴(kuò)散模糊陰影节腐,使用微妙的垂直偏移陰影效果更明顯,更自然摘盆,它模擬了最常見的光源特征翼雀,光線從上往下照下來所營造的陰影效果。

這種輕柔的陰影呈現(xiàn)出的干凈骡澈,增加了畫面的精致锅纺。如果陰影的范圍太小或顏色太深,位置也沒有偏移肋殴,而是聚集在元素的四周囤锉,就會讓畫面更加扁平,讓視覺變得厚重护锤,呈現(xiàn)出不精致的畫面感官地。

還有一種擴(kuò)算陰影是模擬元素本身的顏色投射在背景上,由于陰影與元素的色調(diào)一致烙懦,因此呈現(xiàn)出十分融洽的畫面感驱入。在UI設(shè)計(jì)中,這種手法不宜過多使用,否則呈現(xiàn)出的各種色彩搭配會讓人眼花繚亂亏较。

1.4 個(gè)性的圖標(biāo)設(shè)計(jì)

合格的設(shè)計(jì)師能夠繪制風(fēng)格統(tǒng)一的圖標(biāo)莺褒,而優(yōu)秀的設(shè)計(jì)師能夠創(chuàng)造風(fēng)格獨(dú)特的圖標(biāo)。我們能否在追求大小一致雪情,圓角一致遵岩,線寬一致和配色一致的同時(shí),為它的視覺表現(xiàn)力加入更多的創(chuàng)意呢巡通?例如下面這組圖標(biāo)設(shè)計(jì)尘执,無論是在圖形上的創(chuàng)新,還是顏色搭配上都呈現(xiàn)出無與倫比的創(chuàng)意宴凉。

標(biāo)簽欄作為一個(gè)App的全局導(dǎo)航起著至關(guān)重要的作用誊锭,它的設(shè)計(jì)影響著整個(gè)產(chǎn)品的視覺風(fēng)格。通常弥锄,大多數(shù)App都是使用iOS規(guī)范的設(shè)計(jì)樣式(默認(rèn)灰色丧靡,選中填充品牌色),這樣的設(shè)計(jì)太普通叉讥,太常見了窘行。要想讓標(biāo)簽欄圖標(biāo)設(shè)計(jì)精致和富有個(gè)性,可以豐富每一個(gè)選中態(tài)圖標(biāo)的視覺表現(xiàn)图仓,例如給圖標(biāo)加上背景和表情罐盔,即顯得生動有趣,又增加了用戶的好感救崔,給人留下深刻的印象惶看。

3D立體圖標(biāo)設(shè)計(jì)是近幾年來的流行趨勢,看上去十分精致六孵、華麗纬黎,但是看久了會讓人產(chǎn)生輕微的視覺疲勞,同時(shí)因其復(fù)雜的結(jié)構(gòu)會增加用戶的認(rèn)知成本劫窒。一般在外賣美食類應(yīng)用中比較常見本今。

1.5 Tab的設(shè)計(jì)感

Tab是App設(shè)計(jì)中最常見的控件之一,它源自Material Design的設(shè)計(jì)規(guī)范≈魑。現(xiàn)在很多iOS產(chǎn)品當(dāng)中也開始使用這種導(dǎo)航欄樣式來進(jìn)行設(shè)計(jì)冠息,而原本屬于iOS規(guī)范當(dāng)中的分段選擇器變得不那么常見了。

在視覺表現(xiàn)形式上孕索,Tab和標(biāo)簽欄同樣也分為選中態(tài)和未選態(tài)逛艰,它的設(shè)計(jì)較為簡單,通常是使用一組文字標(biāo)簽搞旭,通過顏色或在標(biāo)簽下加上小長條來區(qū)分兩者的狀態(tài)散怖。因?yàn)樗唵喂矫啵瑓s越難設(shè)計(jì)出彩,要發(fā)揮極大的設(shè)計(jì)想象力镇眷,跳脫出設(shè)計(jì)規(guī)范的限制咬最,才能找到完美的方案。例如蝦米音樂的Tab選中態(tài)是一段音頻波線偏灿,再配合文字的大小對比丹诀,一個(gè)富有設(shè)計(jì)感又符合產(chǎn)品特征的Tabs就被創(chuàng)造出來了。

我們還可以從品牌基因中獲取靈感翁垂,品牌作為用戶熟知的形象是個(gè)絕佳的來源。從品牌形象中提取具有獨(dú)特氣質(zhì)的視覺富豪作為Tab選中態(tài)的小長條硝桩,這樣就建立起視覺上的聯(lián)系沿猜,讓用戶產(chǎn)生由內(nèi)而外的一致感受。例如馬蜂窩品牌形象中的微笑符號和飛豬旅行品牌形象中的豬頭都被延伸到Tab的設(shè)計(jì)上碗脊,既讓界面視覺獨(dú)一無二啼肩,又進(jìn)一步強(qiáng)化了用戶對品牌形象的認(rèn)知。

1.6 無框設(shè)計(jì) 去繁從簡

在UI設(shè)計(jì)中衙伶,有許多的裝飾元素祈坠,如卡片的邊框、列表的分割線等矢劲,雖然邊框赦拘,分割線是分隔兩個(gè)元素的好辦法,但是它不是唯一的方法芬沉,使用過多會讓整個(gè)布局的設(shè)計(jì)感降低躺同,或多或少都會干擾用戶瀏覽的視線,讓信息內(nèi)容失去注意力丸逸,因此可以減少不必要的裝飾元素蹋艺。我們可以通過以下幾個(gè)方法來劃分元素的視覺層次,讓畫面變得干凈黄刚,整齊:

使用陰影

陰影同樣可以營造出邊界感捎谨,而且相比邊框分割線更加微妙,并不會顯得突兀憔维,不會分散用戶的注意力涛救。

使用不同的背景色來區(qū)分

通常,相鄰的元素背景只需要有微妙的差別就能夠讓人對他們進(jìn)行區(qū)分埋同。所以州叠,你所需要做的就是在不同的區(qū)塊采用不同的背景色,并且嘗試刪除分割線凶赁,因?yàn)槟愀静恍枰?/p>

增加額外的留白

創(chuàng)建元素之間的分離效果咧栗,并不一定要通過線框來表現(xiàn)逆甜,只要增加留白,讓它們分隔開就行了致板。通過留白和間距來實(shí)現(xiàn)元素分組是UI設(shè)計(jì)中的常用手法交煞。

1.7 統(tǒng)一設(shè)計(jì)元素

在App中的每一個(gè)界面都有許多元素,那些同類的元素應(yīng)保持統(tǒng)一的設(shè)計(jì)樣式斟或。通常個(gè)人中心的標(biāo)簽欄圖標(biāo)是一個(gè)人形剪影素征,它代表著用戶,因此可以在展示用戶頭像和用戶形象的界面中延續(xù)使用萝挤。如果圖形擁有獨(dú)特的外觀御毅,如橢圓矩形,也可以作為視覺符號的一種怜珍,延續(xù)到其他界面中端蛆,成為圖形或按鈕的外觀。這樣酥泛,整個(gè)界面就被統(tǒng)一的設(shè)計(jì)元素聯(lián)系起來了今豆,給用戶始終如一的一致感。

1.8 符合產(chǎn)品氣質(zhì)的字體

選擇符合產(chǎn)品氣質(zhì)的字體柔袁,可以與產(chǎn)品的定位相吻合呆躲,傳遞給用戶正確的情感意識。雖然默認(rèn)字體可以滿足大多數(shù)App 的設(shè)計(jì)需求捶索。但會出現(xiàn)一個(gè)問題就是插掂,系統(tǒng)字體的普適性并沒有什么特色,在一些特定的情境下就顯得收效甚微情组。例如在運(yùn)動類App中更適合粗壯的斜體來傳遞力量燥筷、爆發(fā)力、速度的感覺院崇,換成系統(tǒng)字體后肆氓,整體感覺在氣勢上就變?nèi)趿撕芏唷?/p>

1.9 第三方圖標(biāo)風(fēng)格統(tǒng)一

大多數(shù)App都支持三方登陸,他可以減輕用戶注冊的時(shí)間成本底瓣。通常是在注冊登陸頁的底部展示第三方圖標(biāo)入口谢揪,這也是設(shè)計(jì)師最常忽略的內(nèi)容,往往是直接將第三方圖標(biāo)調(diào)整一致大小和擺放整齊位置捐凭,沒有針對它們再設(shè)計(jì)拨扶。一個(gè)設(shè)計(jì)精致的App不應(yīng)漏過任何的細(xì)節(jié),我們可以以自家App的圖標(biāo)風(fēng)格為依據(jù)茁肠,對第三方圖標(biāo)進(jìn)行優(yōu)化設(shè)計(jì)患民。

1.10 圖片中尋找色彩

App中優(yōu)美的圖文設(shè)計(jì),能帶給用戶如沐春風(fēng)的視覺享受垦梆,它非常重要匹颤。我們經(jīng)辰龊ⅲ看到文字疊加在圖片背景上的設(shè)計(jì)樣式,為了減少復(fù)雜圖片背景對文字的干擾印蓖,通常的做法是疊加半透明度的黑色蒙版辽慕,讓白色文字清晰可見,但這不是最優(yōu)的辦法赦肃。我們可以從圖片中提取主色調(diào)用于疊加背景的填充色溅蛉,這樣就使文字、色塊和圖片融入到一起了他宛,畫面變得高級和富有設(shè)計(jì)感船侧。

1.11 提高圖片質(zhì)量

圖片的質(zhì)量影響著整個(gè)App的格調(diào)和用戶的情緒,高品質(zhì)的圖片給人愉悅的視覺享受堕汞,產(chǎn)生美好的聯(lián)想勺爱。而低品質(zhì)的圖片會瞬間拉低App的質(zhì)感。在App設(shè)計(jì)中讯检,一張漂亮的圖片從收集到上線,需要經(jīng)過裁剪卫旱,調(diào)色等過程才能被使用人灼。即使是普通的商品圖片,我們將它摳圖后調(diào)整成統(tǒng)一大小顾翼,再加上干凈的背景投放,就能立刻提升商品的美感,界面視覺也會變得美觀适贸、整潔灸芳。

1.12 卡片式設(shè)計(jì)

現(xiàn)在的UI界面設(shè)計(jì)中,卡片式設(shè)計(jì)已經(jīng)是一種非常常見的設(shè)計(jì)形式拜姿,它有利于信息分層和整合烙样,劃分出更加清晰的組織結(jié)構(gòu),實(shí)現(xiàn)復(fù)雜內(nèi)容的簡化處理蕊肥,提高空間利用率谒获。同時(shí)卡片式設(shè)計(jì)通常很依賴視覺元素,很強(qiáng)的視覺元素正是卡片式設(shè)計(jì)的一種優(yōu)勢壁却,也是提升設(shè)計(jì)品質(zhì)感的良方批狱。

2、情感化設(shè)計(jì)

心理學(xué)認(rèn)為展东,情感是人對客觀事物是否滿足自己的需求而產(chǎn)生的態(tài)度體驗(yàn)赔硫。只有當(dāng)產(chǎn)品觸及到用戶的內(nèi)心時(shí),使他產(chǎn)生情感的變化盐肃,那么產(chǎn)品便不再冷冰冰爪膊,他透過眼前的東西权悟,看到的是設(shè)計(jì)師為了他的使用體驗(yàn),對每一個(gè)魔鬼細(xì)節(jié)的用心琢磨惊完,人們會產(chǎn)生愉快僵芹、喜愛和幸福的情感。情感化設(shè)計(jì)并不是轟轟烈烈小槐,有時(shí)候僅僅一句文案拇派、一幅插圖、一個(gè)動畫就能打動人心凿跳,使用戶獲得愉悅的使用體驗(yàn)件豌。讓設(shè)計(jì)變得高級不僅僅是視覺層面,這些簡單而美好的設(shè)計(jì)細(xì)節(jié)充滿了積極情緒控嗜,它是滿足產(chǎn)品的功能性和易用性之后茧彤,追求更高層次的目標(biāo)。

2.1 提示性文字

語言是情感化設(shè)計(jì)最直接的利器疆栏,擬人化的對白相比冰冷的話語更能獲得用戶的好感曾掂,賦予產(chǎn)品的新的生命力。例如App那些push推送通知壁顶,因?yàn)橛脩裘刻焓盏降腜USH實(shí)在是太多了珠洗,早已心如止水!這個(gè)時(shí)候若专,你就需要一條成本低许蓖、效率高的PUSH文案,去撩動用戶主子們的心调衰。將原本對用戶的打擾變成一種逗趣膊爪,讓人看到會心一笑。

2.2 下拉刷新

下拉刷新是用戶在App使用中經(jīng)常進(jìn)行的操作嚎莉,常見的下拉刷新設(shè)計(jì)是圖標(biāo)加文字的形式米酬,這種設(shè)計(jì)簡單、直觀萝喘,但毫無設(shè)計(jì)感淮逻,不能引發(fā)用戶任何的情緒。

下拉刷新是一種臨時(shí)狀態(tài)阁簸,豐富它的設(shè)計(jì)細(xì)節(jié)不會造成與產(chǎn)品界面的格格不入爬早,相反,一個(gè)富有設(shè)計(jì)感的下拉刷新設(shè)計(jì)能讓產(chǎn)品獲得用戶的好感启妹。例如uc頭條在下拉刷新時(shí)會蹦出一只奔跑的小鹿筛严,暗示正在快馬加鞭的加載新內(nèi)容,小鹿形象延續(xù)了品牌logo饶米。作為資訊類產(chǎn)品桨啃,內(nèi)容更新速度至關(guān)重要车胡,奔跑的小鹿正好隱喻了這一點(diǎn)。用戶也在這種快樂的情緒中對產(chǎn)品產(chǎn)生好感照瘾,瞬間就讓下拉刷新變得生動有趣匈棘。

2.3 頭像設(shè)計(jì)

個(gè)人中心頁與用戶信息密切相關(guān),用戶的虛擬形象在這里得以展現(xiàn)析命,常見的設(shè)計(jì)是一個(gè)用戶頭像加登陸文字的形式主卫,這種默認(rèn)的頭像設(shè)計(jì)無法得到用戶的認(rèn)同感。

現(xiàn)在很多的產(chǎn)品已經(jīng)放棄了死板的默認(rèn)頭像鹃愤,給用戶更多的選擇征字。賦予產(chǎn)品一些人格魅力拾碌,可以讓產(chǎn)品富有生命力,消除人機(jī)界面的冰冷交互垫桂,幫助用戶和產(chǎn)品建立友好的聯(lián)系咪辱。例如美團(tuán)外賣和躺平尤误,它們各自的身份都代表了產(chǎn)品的氣質(zhì)和用戶的屬性嗦篱,讓用戶產(chǎn)生一種身份的認(rèn)同感扼脐。

2.4 缺省頁化解負(fù)面情緒

通常狀態(tài)是,當(dāng)前頁面沒有內(nèi)容或無網(wǎng)絡(luò)狀態(tài)下出現(xiàn)的頁面肖抱。常見的設(shè)計(jì)是圖標(biāo)加提示文字的形式建钥,這種簡陋的設(shè)計(jì)會給用戶心理造成很大的落差,陷入負(fù)面情緒中虐沥。情感化設(shè)計(jì)在此時(shí)就可發(fā)揮巨大的作用,它通過設(shè)計(jì)手段來減輕用戶在看到一個(gè)毫無內(nèi)容的界面時(shí)所產(chǎn)生的挫敗感泽艘。設(shè)計(jì)師可發(fā)揮的空間很大欲险,根據(jù)產(chǎn)品屬性和品牌延展圖形,結(jié)合動效或插畫等情感化設(shè)計(jì)匹涮,可以很好的豐富頁面內(nèi)容天试。例如躺平的空白頁呈現(xiàn)出一種賤萌的場景,讓用戶會心一笑然低,使產(chǎn)品充滿了趣味性喜每。

2.5 標(biāo)簽欄微動效

情感化設(shè)計(jì)變得越來越豐富,圖標(biāo)設(shè)計(jì)上升至可以展示動畫效果雳攘。通過動效的使用带兜,標(biāo)簽欄切換變得不再死板。用戶在頻繁切換頁面時(shí)吨灭,不再覺得單調(diào)刚照。精心設(shè)計(jì)的動態(tài)效果,能夠緩解用戶等待時(shí)焦躁的心情喧兄,從心理上縮短用戶等待時(shí)長无畔,讓品牌更加深入人心啊楚。

2.6 模擬用戶行為

如果一個(gè)產(chǎn)品可以模擬用戶的行為,將用戶代入真實(shí)的情境中浑彰,用戶就會對產(chǎn)品產(chǎn)生深刻的認(rèn)同感恭理。例如「潮汐」會根據(jù)時(shí)間場景和季節(jié)變化,播放不同的背景音樂來營造氛圍郭变。雨聲颜价、雷聲、風(fēng)聲饵较、潮水聲等讓人時(shí)刻感受到身臨其境的情境拍嵌。

情感化設(shè)計(jì)可以拉近用戶與產(chǎn)品之間的距離,在更深的層面體現(xiàn)出對人性的關(guān)懷循诉,為人們帶去情感上的愉悅和感動横辆。洞悉用戶的行為,換位思考去滿足用戶的需求茄猫,情感交流就產(chǎn)生了狈蚤。例如當(dāng)你截屏了一張圖片,打開微信對話框時(shí)就會自動顯示這張圖片划纽,提前預(yù)知了你發(fā)截圖的需求脆侮。

再例如很多觀眾都習(xí)慣了在電影結(jié)尾等彩蛋的習(xí)慣,因?yàn)楹芏鄷r(shí)候坐在影院等彩蛋卻等來沒有彩蛋的結(jié)果只能白白浪費(fèi)了時(shí)間勇劣。在「淘票票」上購買電影票時(shí)靖避,你會發(fā)現(xiàn)影片詳情頁會有彩蛋提醒,告知你電影是否有彩蛋且彩蛋會出現(xiàn)在影片的什么位置比默。有了這個(gè)提示信息幻捏,就不必再為了不確定的彩蛋期待浪費(fèi)時(shí)間啦。

2.7 有趣的細(xì)節(jié)設(shè)計(jì)

俗話說:有趣的靈魂萬里挑一命咐,可見有趣是可以引發(fā)交流進(jìn)而讓人們產(chǎn)生積極的情緒篡九。在UI設(shè)計(jì)中,有些有趣的設(shè)計(jì)是隱形的醋奠,需要用戶自己去發(fā)現(xiàn)榛臼,當(dāng)用戶找到這顆彩蛋時(shí),就會獲得一份喜悅和樂趣窜司,增強(qiáng)用戶對產(chǎn)品的探知欲沛善。例如在電腦端打開B站的鬼畜區(qū)長按這個(gè)返回圖標(biāo)10秒左右,你會打開鬼畜區(qū)的新世界(⊙o⊙)(友情提示:記得戴上耳機(jī)或調(diào)小音量)其實(shí)長按「返回」10秒后網(wǎng)頁下方會出現(xiàn)一條黑框提示「嘗試輸入字母例证,發(fā)現(xiàn)鬼畜秘密」路呜。按照提示乖乖輸入字母就會出現(xiàn)鬼畜明星劃過你的屏幕!

有些有趣的設(shè)計(jì)又是顯性的,目的是讓用戶與產(chǎn)品引發(fā)交流從而產(chǎn)生積極的情緒胀葱。例如成為優(yōu)酷視頻會員漠秋,不僅可以尊享豐富的影視資源,還能讓自己的ID在發(fā)彈幕時(shí)使用劇集相關(guān)角色的頭像抵屿。帶角色扮演頭像的彈幕庆锦,讓發(fā)言更有劇集代入感。這個(gè)彩蛋的設(shè)置一方面強(qiáng)化了會員身份的尊貴感與特權(quán)性轧葛,一方面也豐富了彈幕區(qū)的多樣化搂抒,可謂一舉兩得了。

寫在最后

好的學(xué)習(xí)方式就是把日常積累的知識點(diǎn)匯總并講出來才能真正為自己所有尿扯,新的一年愿每位設(shè)計(jì)師都能繼續(xù)保持對設(shè)計(jì)&生活的激情和熱愛求晶。??


參考資料

讓設(shè)計(jì)變得高級的7個(gè)使用技巧

8個(gè)易于實(shí)踐的UI設(shè)計(jì)技巧

讓你的UI設(shè)計(jì)變得更高級

以上文章來源于印跡拾光?,作者印跡

原文鏈接:https://mp.weixin.qq.com/s/PFLiczBbExJNmT_NN3e35Q

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末衷笋,一起剝皮案震驚了整個(gè)濱河市芳杏,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌辟宗,老刑警劉巖爵赵,帶你破解...
    沈念sama閱讀 206,126評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異泊脐,居然都是意外死亡空幻,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評論 2 382
  • 文/潘曉璐 我一進(jìn)店門容客,熙熙樓的掌柜王于貴愁眉苦臉地迎上來秕铛,“玉大人,你說我怎么就攤上這事缩挑∪缤保” “怎么了?”我有些...
    開封第一講書人閱讀 152,445評論 0 341
  • 文/不壞的土叔 我叫張陵调煎,是天一觀的道長。 經(jīng)常有香客問我己肮,道長士袄,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,185評論 1 278
  • 正文 為了忘掉前任谎僻,我火速辦了婚禮娄柳,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘艘绍。我一直安慰自己赤拒,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著挎挖,像睡著了一般这敬。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蕉朵,一...
    開封第一講書人閱讀 48,970評論 1 284
  • 那天崔涂,我揣著相機(jī)與錄音,去河邊找鬼始衅。 笑死冷蚂,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的汛闸。 我是一名探鬼主播蝙茶,決...
    沈念sama閱讀 38,276評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼诸老!你這毒婦竟也來了隆夯?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,927評論 0 259
  • 序言:老撾萬榮一對情侶失蹤孕锄,失蹤者是張志新(化名)和其女友劉穎吮廉,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體畸肆,經(jīng)...
    沈念sama閱讀 43,400評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡宦芦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了轴脐。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片调卑。...
    茶點(diǎn)故事閱讀 37,997評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖大咱,靈堂內(nèi)的尸體忽然破棺而出恬涧,到底是詐尸還是另有隱情,我是刑警寧澤碴巾,帶...
    沈念sama閱讀 33,646評論 4 322
  • 正文 年R本政府宣布溯捆,位于F島的核電站,受9級特大地震影響厦瓢,放射性物質(zhì)發(fā)生泄漏提揍。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評論 3 307
  • 文/蒙蒙 一煮仇、第九天 我趴在偏房一處隱蔽的房頂上張望劳跃。 院中可真熱鬧,春花似錦浙垫、人聲如沸刨仑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽杉武。三九已至辙诞,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間艺智,已是汗流浹背倘要。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評論 1 260
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留十拣,地道東北人封拧。 一個(gè)月前我還...
    沈念sama閱讀 45,423評論 2 352
  • 正文 我出身青樓,卻偏偏與公主長得像夭问,于是被迫代替她去往敵國和親泽西。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評論 2 345