400-611-9921
2018-01-24
4956
如果你在電視上觀看任何家裝節(jié)目,最重復(fù)的一句話(huà)可能就是“開(kāi)放式的概念設(shè)計(jì)”。你知道嗎?你也可以DIY自己的方式進(jìn)入網(wǎng)站設(shè)計(jì)的開(kāi)放式布局嗎?這種設(shè)計(jì)趨勢(shì)不僅僅是一個(gè)家居裝修的想法。
開(kāi)放的概念是一個(gè)有趣的,功能強(qiáng)大的視覺(jué)模式,可以幫助用戶(hù)瀏覽您的網(wǎng)站,同時(shí)控制數(shù)字雜波。以下是您如何使用10個(gè)小型案例研究和示例進(jìn)行的操作!
打開(kāi)概念入門(mén)
在家庭設(shè)計(jì)中,一個(gè)開(kāi)放的概念布局就是將多個(gè)空間聚集在一起,使空間最大化,例如一個(gè)廚房和生活空間的大型平面布局。
“視覺(jué)流向?qū)τ脩?hù)來(lái)說(shuō)必須是顯而易見(jiàn)的,所以他們確切地知道該怎么做”
在網(wǎng)頁(yè)設(shè)計(jì)中,這個(gè)概念非常相似。一個(gè)開(kāi)放的概念布局以明亮而通透的方式在元素之間創(chuàng)造出極佳的流程。該設(shè)計(jì)將最大限度地利用空白,并使用簡(jiǎn)單的元素與大量的和諧,平衡和簡(jiǎn)單的流程。
顏色的使用可以大膽或精簡(jiǎn),頁(yè)面可以包括短或長(zhǎng)卷軸。
這些布局通常最適合設(shè)計(jì)的詳細(xì)計(jì)劃和流程,最終以一個(gè)行動(dòng)號(hào)召結(jié)束。試圖混合和匹配太多元素和塊可能會(huì)導(dǎo)致混亂的設(shè)計(jì)。使用開(kāi)放式概念設(shè)計(jì)趨勢(shì)時(shí)要記住的關(guān)鍵是,視覺(jué)流向?qū)τ脩?hù)來(lái)說(shuō)必須是顯而易見(jiàn)的,所以他們確切知道如何處理設(shè)計(jì)以及如何操作。
GrowX
GrowX使用白色空間,干凈的圖像和文本的一個(gè)偉大的組合和與拱形標(biāo)題的一個(gè)有趣的特點(diǎn)在開(kāi)放空間混合元素。
這里使用的文本和圖像的分層效果是開(kāi)放式設(shè)計(jì)的常用技術(shù)。使用圖層可以幫助用戶(hù)從一個(gè)元素到下一個(gè)元素,并保持視覺(jué)流動(dòng)。
開(kāi)放式設(shè)計(jì)的謹(jǐn)慎之處在于用戶(hù)可能會(huì)迷失在空間中。由于一個(gè)聰明的“竅門(mén)”和分層元素,用戶(hù)知道在這個(gè)網(wǎng)站上看什么。
NooFlow
雖然大多數(shù)開(kāi)放的概念理念讓你立即想到白色的空間,但NooFlow證明顏色可以同樣令人驚嘆。
該設(shè)計(jì)將元素與均衡的文字與圖像設(shè)計(jì)融合在一個(gè)幾乎分屏的美學(xué)中。所有這一切的共同點(diǎn)是,雖然明亮,調(diào)色板很簡(jiǎn)單。通過(guò)消除其他色彩,開(kāi)放式設(shè)計(jì)具有簡(jiǎn)單的流程,并鼓勵(lì)用戶(hù)在設(shè)計(jì)中移動(dòng)。
打開(kāi)磨損
Open Wear采用了全分屏概念,但具有定向圖像,可將用戶(hù)推向內(nèi)容方向。
由于照片的選擇,這種設(shè)計(jì)看起來(lái)更加開(kāi)放。這里的內(nèi)容適合于在平衡白色背景的圖像中充足的白色??傮w而言,即使有很多元素和視覺(jué)入口點(diǎn),視覺(jué)輪廓也會(huì)感到通風(fēng)和清新。
想想這個(gè)相同的設(shè)計(jì),左邊的照片大都是黑色的。這將改變整個(gè)設(shè)計(jì)理念和流程。
Brightscout
Brightscout以對(duì)角方式從徽標(biāo)和導(dǎo)航到文本元素創(chuàng)建流向圖像(反之亦然,取決于您的眼睛先放在哪里)。
這里的開(kāi)放式概念看起來(lái)和使用相同名稱(chēng)的設(shè)計(jì)技術(shù)的家庭平面圖非常相似。有虛構(gòu)的線(xiàn)條的不同點(diǎn),告訴用戶(hù)下一步要去哪里。
而行動(dòng)號(hào)召則用一個(gè)大的按鈕和顏色重音。功能顯而易見(jiàn)。
當(dāng)涉及到開(kāi)放的概念時(shí),夸大地使用空間是一個(gè)共同的主題??臻g告訴用戶(hù)一件事結(jié)束,另一件事開(kāi)始。
Duotix在整個(gè)設(shè)計(jì)中使用這種空間模式來(lái)創(chuàng)建內(nèi)容塊之間的視覺(jué)差異,每個(gè)內(nèi)容塊都有自己的號(hào)召性用語(yǔ)。此外,在滾動(dòng),白色和彩色的背景交替,以幫助保持用戶(hù)移動(dòng)。(這就是開(kāi)放概念流程的地方)
PopularPays
通過(guò)視差滾動(dòng),簡(jiǎn)單的動(dòng)畫(huà)和極度的邊距,PopularPays在建立功能的同時(shí)為內(nèi)容創(chuàng)建了多個(gè)空間。
圖像和文字都很有吸引力,特別是與動(dòng)畫(huà)效果配對(duì)時(shí)。
這個(gè)設(shè)計(jì)的好處在于,它表明了多種趨勢(shì)可以協(xié)同工作,創(chuàng)造出一種不是壓倒性的東西,而是具有明顯的現(xiàn)代感。它需要正確的內(nèi)容來(lái)使用多種趨勢(shì)進(jìn)行設(shè)計(jì),通常簡(jiǎn)單的內(nèi)容計(jì)劃效果最好。
阿貝爾
像其他一些例子一樣,Abel對(duì)元素進(jìn)行分層以保持眼睛從一個(gè)項(xiàng)目移動(dòng)到另一個(gè)項(xiàng)目。這個(gè)版本的開(kāi)放式概念計(jì)劃的好處在于,大部分空間位于頁(yè)面頂部,下方有較重的項(xiàng)目。
同樣的視覺(jué)主題繼續(xù)在元素上方和下方的空間上滾動(dòng),以在開(kāi)放式概念設(shè)計(jì)中創(chuàng)建單獨(dú)的空間。
這個(gè)例子表明,并不是所有的電子商務(wù)網(wǎng)站都必須有一個(gè)完整和雜亂的感覺(jué)是有效的。
漢普郡光
Hampshire Light設(shè)計(jì)的美妙之處在于它為家庭設(shè)計(jì)產(chǎn)品使用了開(kāi)放概念的網(wǎng)頁(yè)布局。(談?wù)搹臄?shù)字到物理領(lǐng)域的趨勢(shì)!)
是什么讓這個(gè)設(shè)計(jì)的工作是使用不對(duì)稱(chēng)的空間和鮮艷的色彩。一切有關(guān)設(shè)計(jì)意味著一個(gè)開(kāi)放和通風(fēng)的感覺(jué),從黃色口音透明印刷形象到開(kāi)放的“h”標(biāo)志。
這種設(shè)計(jì)的另一個(gè)關(guān)鍵細(xì)節(jié)是夸張的行間距。較輕的無(wú)襯線(xiàn)字體可能是一個(gè)有風(fēng)險(xiǎn)的選擇,但是由于文字和間距較短,它有助于開(kāi)放式概念設(shè)計(jì)的整體感覺(jué)。
走的人
通過(guò)微妙的動(dòng)畫(huà),柔和的色彩和充足的空間,“行走的人”可能會(huì)讓你想到高高的天花板和可能性。簡(jiǎn)單的設(shè)計(jì)結(jié)構(gòu)包括每個(gè)頁(yè)面上的一個(gè)內(nèi)容元素以及有趣的點(diǎn)擊滾動(dòng)功能。
審美是開(kāi)放的,不變的,用戶(hù)有一種從空間到空間的感覺(jué),盡管它們(理論上)是以單頁(yè)格式靜止的。
癥結(jié)
癥結(jié)可能體現(xiàn)了我自己家的開(kāi)放式概念平面圖,最重的設(shè)計(jì)元素被推向外部邊緣。
中心標(biāo)志和號(hào)召性行動(dòng)提供了一個(gè)明顯的焦點(diǎn),使其他元素不會(huì)出現(xiàn)混亂或不合適的地方。向下翻頁(yè)導(dǎo)航把它們?nèi)坷揭黄?,作為筆設(shè)計(jì)的路線(xiàn)圖,對(duì)于一些用戶(hù)來(lái)說(shuō),可能有點(diǎn)難以以幾乎圓形的形狀進(jìn)行導(dǎo)航,而沒(méi)有明顯的進(jìn)入點(diǎn)或退出點(diǎn)。
結(jié)論
很有可能你已經(jīng)將一些開(kāi)放概念融合到你的設(shè)計(jì)中。這是你喜歡的一種趨勢(shì)嗎?
我們將開(kāi)放式設(shè)計(jì)的趨勢(shì)看作是有一些持久力的東西,因?yàn)樗从谠O(shè)計(jì)理論。充分利用空間的布局永遠(yuǎn)不會(huì)過(guò)時(shí)(即使我們稱(chēng)之為隨時(shí)間變化的趨勢(shì))。
本文來(lái)自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技
標(biāo)簽:廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁(yè)設(shè)計(jì)公司,廣州網(wǎng)站設(shè)計(jì)公司,網(wǎng)站建設(shè) 廣州,廣州 網(wǎng)站建設(shè),廣州企業(yè)網(wǎng)站建設(shè),營(yíng)銷(xiāo)型網(wǎng)站建設(shè),網(wǎng)站建設(shè)設(shè)計(jì),廣州網(wǎng)站開(kāi)發(fā),網(wǎng)站制作設(shè)計(jì)
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com
立即與縱天項(xiàng)目顧問(wèn)通話(huà)
400-611-9921
您也可以咨詢(xún)我們的在線(xiàn)客服或預(yù)約資深顧問(wèn)