建站
咨詢
售后
建站咨詢
新聞中心
我一直期待出現(xiàn)一種全新的、功能性的、在視覺上還足夠吸引人的風(fēng)格出現(xiàn)，但是這種設(shè)計(jì)風(fēng)格一直都沒有出現(xiàn)。
創(chuàng)新互聯(lián)公司專注于通河網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供通河營銷型網(wǎng)站建設(shè)，通河網(wǎng)站制作、通河網(wǎng)頁設(shè)計(jì)、通河網(wǎng)站官網(wǎng)定制、成都微信小程序服務(wù)，打造通河網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供通河網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
其實(shí)，如果單從視覺吸引力上來說，很多新的設(shè)計(jì)風(fēng)格是能夠做到這一點(diǎn)的，但是其中有的足夠吸睛但是可讀性不足，有的足夠友好但是不夠高級。好在廣大設(shè)計(jì)師在逐漸的迭代的過程中，逐漸找到了在美學(xué)、功能和視覺吸引力上的平衡點(diǎn)，而這正是我要在今天的文章中分享的。
我愿將這種設(shè)計(jì)風(fēng)格定義為「摩登極簡」。和其他的設(shè)計(jì)風(fēng)格相比，它相對更加簡約，但是和 Material Design 和傳統(tǒng)的扁平化設(shè)計(jì)相比又不會顯得單調(diào)枯燥，接下來，我們來看看如何實(shí)現(xiàn)這種風(fēng)格的視覺效果吧!
主要的8個(gè)風(fēng)格特征
我將這種設(shè)計(jì)風(fēng)格的特征梳理成為以下8個(gè)特征：
- 明亮的背景和充足的留白
- UI元素要微妙和圓潤
- 大而可讀性良好的標(biāo)題
- 現(xiàn)實(shí)題材的攝影
- 成熟的配色方案
- 對于對比度的精妙控制
- 控制特效的使用程度
- 有趣的小細(xì)節(jié)和插畫
下面我結(jié)合案例逐個(gè)解說：
1、明亮的背景和充足的留白
在摩登極簡設(shè)計(jì)風(fēng)當(dāng)中，留白為王。界面的整個(gè)視覺特征最容易被注意到的是白色或者帶有其他色彩傾向的非常明亮的背景上。大量的留白和足夠明亮的背景能夠讓整體看起來干凈、且美觀。
2、UI元素要微妙和圓潤
摩登極簡風(fēng)的 UI 當(dāng)中，UI 元素通常都呈現(xiàn)出微妙而柔和的圓潤效果，這樣會讓界面看起來更加有機(jī)和友好。
之前一度非常火熱的 Clubhouse 就使用了類似摩登極簡風(fēng)的設(shè)計(jì)，這樣的設(shè)計(jì)整個(gè) APP 保持格調(diào)又足夠友好。
對我個(gè)人而言，圓角是更加令人愉悅的一種設(shè)計(jì)元素，不過在這種風(fēng)格中，使用圓角的訣竅在于不能讓圓角半徑過大，否則會顯得非常奇怪。
3、大而可讀性良好的標(biāo)題
大標(biāo)題能能夠帶來更強(qiáng)的幾何和塊面感，無論是襯線字體還是非襯線字體，不過為了保持摩登極簡在風(fēng)格氣質(zhì)上的統(tǒng)一，我通常傾向于使用幾何感較強(qiáng)的非襯線字體。比如Gilroy、Sofia Pro、Lufga 或Circular，此外還可以嘗試Pulp、Gordita、Visby、Konnect、Geliat、Galano或+Jakarta Sans。
4、現(xiàn)實(shí)題材的攝影圖片
這一點(diǎn)其實(shí)非常重要。攝影作品相對而言能夠提供的細(xì)節(jié)信息量和整體的真實(shí)感會強(qiáng)烈很多，而且從設(shè)計(jì)的總體趨勢上而言，大家似乎開始開始厭倦了 3D 渲染、扁平人物插畫和手繪涂鴉。真實(shí)照片的好處和優(yōu)勢就在于它的真實(shí)感。
在題材上，攝影圖片通常會看起來更加嚴(yán)肅和正式，在情感層面上也更容易喚起用戶與現(xiàn)實(shí)生活相關(guān)的情緒。
5、成熟的配色方案
摩登極簡風(fēng)格在配色上同樣講究的是簡約感。所以除了大量的白色之外，基本上就是挑選合適的主色以及少量的強(qiáng)調(diào)色了。
摩登極簡設(shè)計(jì)風(fēng)整體上并不需要大片的色彩來引起用戶的注意，在絕大多數(shù)時(shí)候都只是用主色做點(diǎn)綴。
6、對于對比度的精妙控制
摩登極簡風(fēng)格的優(yōu)點(diǎn)之一，就是它良好的可訪問性，而絕大多數(shù)講究視覺吸引力的設(shè)計(jì)風(fēng)格在這一點(diǎn)上確實(shí)比不上它。不過為了確保這一點(diǎn)，在設(shè)計(jì)的時(shí)候，需要通過配色、投影和微妙的描邊之類的小技巧，來確保控件和背景之間有清晰的對比度，有足夠的視覺層次感。
7、控制特效的使用程度
摩登極簡風(fēng)其實(shí)有從很多不同的設(shè)計(jì)風(fēng)格當(dāng)中汲取靈感，微妙的色彩陰影，模糊的漸變極光背景，浮雕甚至亞克力式的透明效果，這些視覺風(fēng)格效果在一定程度上是能夠提升UI界面的質(zhì)感和效果的，但是一定要保證這些風(fēng)格化的元素不是同時(shí)出現(xiàn)的，否則會讓整體的效果看起來雜亂無章。
8、有趣的小細(xì)節(jié)和插畫
當(dāng)然，摩登極簡風(fēng)的設(shè)計(jì)對于細(xì)節(jié)設(shè)計(jì)同樣是有追求的。盡管它整體上保持簡約，但是在小元素上，比如圖標(biāo)、emoji、小裝飾上，同樣可以是兼容的，用好圖案、拼貼、小插畫(當(dāng)然要保持克制)，將這些元素和強(qiáng)調(diào)色以及攝影照片穿插起來使用，是能夠讓摩登極簡風(fēng)格更加友好，令人愉悅的。
結(jié)語
我真的非常欣賞和喜歡摩登極簡風(fēng)所創(chuàng)造的這種氛圍，它給 UI 界面所帶來的這種友好的質(zhì)感，在某種程度上，正是如今絕大多數(shù)的 UI 設(shè)計(jì)項(xiàng)目所面臨的挑戰(zhàn)。
雖然這種設(shè)計(jì)風(fēng)格是脫胎于很多 Dribbble 上的飛機(jī)稿，但是這種風(fēng)格在如今切切實(shí)實(shí)地應(yīng)用到真實(shí)產(chǎn)品當(dāng)中，并且更加能夠解決實(shí)際需求和問題。
在現(xiàn)如今這個(gè)時(shí)間節(jié)點(diǎn)，簡約的設(shè)計(jì)風(fēng)格對于用戶而言有著巨大的價(jià)值，能夠保持簡約還能確保整體的愉悅感，摩登極簡風(fēng)應(yīng)該是下一個(gè)階段，越來越多設(shè)計(jì)師和產(chǎn)品會擁抱的設(shè)計(jì)趨勢。
網(wǎng)頁標(biāo)題：2021年實(shí)用的摩登極簡風(fēng) UI 設(shè)計(jì)指南
當(dāng)前URL：http://www.dlmjj.cn/article/dhsggcg.html
