設(shè)計(jì)風(fēng)格新趨勢一一無框界面
2021-04-10 分類： 網(wǎng)站建設(shè)
去形式化是一張非常模糊的全景圖，在演化中一些新的設(shè)計(jì)風(fēng)格逐漸清晰起來，例如——無框界面。
也許你已經(jīng)發(fā)現(xiàn)了，今年來越來越多的網(wǎng)站和應(yīng)用，尤其是那些注重設(shè)計(jì)的，都有這樣的趨勢。曾經(jīng)用來劃分區(qū)域的邊框和邊線逐漸消失，然而在干凈的界面上，通過距離分割，各區(qū)域的差別依舊清晰可辨。
無框界面與卡片化并不真正相沖，將內(nèi)容分裝成小區(qū)塊的概念依舊還在，只是此時(shí)卡片已經(jīng)完全透明，不需要看到卡片的樣子了。
無框的優(yōu)勢？
用文字來討論太過抽象，所以我用無框的概念制作了一個(gè)大家熟悉的有框界面。不要問我是哪個(gè)網(wǎng)站，哈哈~
下圖：上面的是原版界面，下面的是我修改的無框版。我這個(gè)修改主要只是將框去掉而已，然后為了配合無框風(fēng)格對(duì)細(xì)節(jié)做了一些修改，目的僅僅是為了對(duì)比同一個(gè)界面在有框和無框兩種情況下看起來有什么不同。
那么卡片化呢？
如果你的設(shè)計(jì)思維還停留在卡片話，那就落伍了，因?yàn)闊o框界面的趨勢下，卡片的概念被淡化。卡片與否有何重要？反正用戶甚至不會(huì)察覺，他們只關(guān)心自己來這里的最終目的，界面對(duì)他們來說只是搜尋信息的手段之一罷了（如果有很好的搜索功能可用的話，說不定根本不用掃一眼界面）。
沒錯(cuò)，卡片化的由來有它的合理性。幾年前大家注意到顯示屏的尺寸越來越不可預(yù)期，設(shè)計(jì)師急需一種設(shè)計(jì)手段，來讓設(shè)計(jì)出的界面能夠適應(yīng)不同尺寸的屏幕。卡片剛好能夠解決這一點(diǎn)，因?yàn)樗鼘?nèi)容封裝成固定的小區(qū)塊，像水一樣，可以放在任何比自己大的容器中。不但如此，卡片式界面還可以根據(jù)需要隨時(shí)刪減卡片，以此靈活控制界面上的內(nèi)容種類和數(shù)量。由此響應(yīng)式界面的大環(huán)境下，卡片化這個(gè)詞被越來越多地注意到。
掌控注意力
看上圖的原版界面時(shí)，第一眼很有可能看到的是卡片中的邊線，而不是內(nèi)容。這是因?yàn)榘咨ㄆ突疑尘暗膶?duì)比非常明顯，而尺寸又很大，所以非常吸引注意力。而卡片中的內(nèi)容，因?yàn)樵诳ㄆ袛D作一團(tuán)，所以很容易被忽視。
看上圖中的無框版界面時(shí)，因?yàn)闆]有邊線，只有內(nèi)容，所以用戶第一眼的注意力肯定是在內(nèi)容上。
用戶之于界面，最寶貴的莫過于注意力。因?yàn)橐粋€(gè)產(chǎn)品想要提供給用戶的功能是越多越好，但是用戶的注意力始終只有那么一丁點(diǎn)。所以，掌控用戶的注意力是設(shè)計(jì)師的關(guān)鍵使命。如果界面上擺放了過多色彩顯明、吸引注意力的“裝飾”，用戶看到內(nèi)容的幾率變下降了。當(dāng)然，即便有邊框，還是能夠通過對(duì)邊框的特殊設(shè)計(jì)來控制用戶的注意力不分散，但是邊框越多，難度就越大。
分享題目：設(shè)計(jì)風(fēng)格新趨勢一一無框界面
文章來源：http://m.kartarina.com/news/106763.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、Google、品牌網(wǎng)站設(shè)計(jì)、響應(yīng)式網(wǎng)站、標(biāo)簽優(yōu)化、全網(wǎng)營銷推廣
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 實(shí)現(xiàn)效果圖和頁面開發(fā) 2021-04-10
- 網(wǎng)絡(luò)營銷沒效果，關(guān)鍵是方法不對(duì) 2021-04-09
- 做手機(jī)wap網(wǎng)站相關(guān)內(nèi)容 2021-04-09
- 簡單8步幫你快速完成網(wǎng)站運(yùn)營指標(biāo) 2021-04-09
- 移動(dòng)端制作策略應(yīng)該如何定制?各有什么獨(dú)到之處? 2021-04-09
- 新站點(diǎn)制作內(nèi)容堅(jiān)持更新才是真理 2021-04-09
- 網(wǎng)格理論是什么，有什么用呢 2021-04-09
- 讓用戶獲得優(yōu)惠，得到好處可以大幅提高產(chǎn)品分享率 2021-04-10
- 營銷型網(wǎng)站需要注意些什么 2021-04-09
- 4點(diǎn)做好網(wǎng)站結(jié)構(gòu)制作 2021-04-09
- 書寫軟文不能"死套"格式,靈活變通方成大師 2021-04-09
- 小小幾招教你網(wǎng)站怎么賺錢 2021-04-09
- 如何從404頁面也發(fā)揮商業(yè)價(jià)值? 2021-04-09
- 利用大數(shù)據(jù)分析用戶習(xí)慣,從而針對(duì)性營銷 2021-04-09
- 小技巧了解一下，如何抓取手機(jī)網(wǎng)站圖片 2021-04-09
- o2o商業(yè)模式大潮正在退去,一個(gè)時(shí)代即將結(jié)束 2021-04-09
- 現(xiàn)在的symantec還有哪些證書值得信賴？ 2021-04-09
- 利用小程序名稱制作、矩陣及賺錢技巧 2021-04-09
- 酒店與餐飲怎樣利用制作來做推廣 2021-04-09