2014-08-19 分類: 網(wǎng)站建設(shè)
在網(wǎng)頁設(shè)計(jì)中的極簡主義
當(dāng)采用極簡的網(wǎng)頁設(shè)計(jì),這種藝術(shù)形式給設(shè)計(jì)師允許離開了重要的導(dǎo)航工具或圖標(biāo)?一點(diǎn)也不極簡主義是剝離形成的非?;镜?,必要的元素的行為,這里的關(guān)鍵詞是“必要的”,沒有真正的簡約會批準(zhǔn)這些設(shè)計(jì)讓觀眾感到困惑或不確定。這個(gè)想法是使信息更清晰,更不隱藏。
事實(shí)上,在這里“少即是多上一篇文章:簡化你的用戶體驗(yàn),”特倫特Martens指出,我們必須引導(dǎo)我們的觀眾來決定,太多的選擇可以壓倒。我相信,相反也是如此,太少的選擇,觀眾會感到困或限制。
為此,需要在以下的網(wǎng)站,大多數(shù)人都會同意一看是簡約自然。第一五下列網(wǎng)站已經(jīng)完成了很有影響力的極簡設(shè)計(jì),而最后兩走得太遠(yuǎn),在使用有限的設(shè)計(jì)元素造成非常不可用的格式。
有用的簡約設(shè)計(jì)
一種高效簡約的網(wǎng)站包含了清晰度和組織設(shè)計(jì)。幾個(gè)元素簡約的網(wǎng)站并使用(標(biāo)題、菜單等)必須一致,以創(chuàng)造一個(gè)有凝聚力。就像任何其他的簡約設(shè)計(jì),任何單一元素的去除會導(dǎo)致網(wǎng)站沒用。
這個(gè)簡單的網(wǎng)站使用的單色配色方案,常用的一種極簡主義的技術(shù)。該網(wǎng)站的名稱是很容易找到一個(gè)大膽的左邊,大字體。文章在頁碼和鏈接的中心很容易找到。也許這個(gè)網(wǎng)站最令人印象深刻的部分是出現(xiàn)在一個(gè)將光標(biāo)放在網(wǎng)頁鏈接的橙色亮點(diǎn)。
每一頁與主頁相一致,在頁面的中心文本和準(zhǔn)確信息的游客會發(fā)現(xiàn),當(dāng)訪問的網(wǎng)頁??肆_夫特包括圖像時(shí),他們進(jìn)一步提高理解此事。
極簡主義在本網(wǎng)站的設(shè)計(jì)采用突顯極簡主義作品。消息是明確的闡述和網(wǎng)站是不必要的混亂無效。圖形的使用是一個(gè)大的JR,使簡賴克勒的名字更難忘??傮w設(shè)計(jì)是超潔凈和高功能。
Jan賴克勒戲劇菜單
首頁導(dǎo)航菜單,很簡潔明了。你不僅可以找到你想要的東西很容易,你也可以很快找到了在一個(gè)組織良好的下拉菜單。
如果你發(fā)現(xiàn)自己在首頁奧爾森Kundig建筑師,你會立即通知老線背景(每次訪問網(wǎng)站的圖像變化)和單一的黑色帶白色文字橫跨中東的網(wǎng)頁。當(dāng)你瀏覽這個(gè)戰(zhàn)略設(shè)計(jì)的網(wǎng)站,你會發(fā)現(xiàn)你想知道的一切是很容易找到的。
奧爾森Kundig建筑師項(xiàng)目頁面
簡潔的導(dǎo)航欄是在每一頁的頂部,你可以操縱頁面之間輕松。每一頁都是干凈和良好的組織與布局,快告訴你你想知道的,沒有混亂和困惑。
愛馬仕
愛馬仕的主頁
用大量的白色空間,對愛馬仕的網(wǎng)站主頁的開頭簡單。橙色標(biāo)識上面的菜單欄,選擇橙色的文字和插圖中的短暫的橙色線是這個(gè)頁面上唯一的顏色。你將開始你的迷人旅程從這個(gè)在線商店選擇你所購物的國家,這是由橙色的文本顯示。
導(dǎo)航按鈕很容易辨認(rèn),通過簡單的素描本網(wǎng)站的每一頁。每一頁都是有意義的,通過頁面找到適合你的購物項(xiàng)目是微風(fēng)。
背后的設(shè)計(jì)
設(shè)計(jì)主頁的背后
我喜歡這個(gè)網(wǎng)站的簡單而且功能。首頁是超簡單的一個(gè)細(xì)長的柱。乍一看,介紹可能很難讀,但當(dāng)你鼠標(biāo)懸停文字,文字成為焦點(diǎn)。當(dāng)你的光標(biāo)不活躍的頁面,頁面是白色背景上的灰色文本。本文的伎倆,網(wǎng)站的名字是好的:背后的設(shè)計(jì)。
菜單是簡單的只有三個(gè)選擇:回家,組合,和接觸。每個(gè)頁面保持與突出整個(gè)文本的單柱設(shè)計(jì)。在投資組合頁面,每個(gè)項(xiàng)目彈出了你鼠標(biāo)懸??s略圖描述。這個(gè)網(wǎng)站成功加入隱藏元素的興奮一個(gè)簡約的設(shè)計(jì)。
法國卡爾維
Pierrick Calvez主頁
用白色的文字和大膽鮮艷的圖像暗灰色的背景對比好的極簡設(shè)計(jì)的一個(gè)很好的例子。背景保持靜止,你向下滾動(dòng),通過對網(wǎng)頁的圖像,這很好的可用性特征仍然在每個(gè)Calvez的其他頁面相同。
在這個(gè)網(wǎng)站,你不會被不必要的圖像或誤用的字體和顏色干擾。事實(shí)上,關(guān)于網(wǎng)頁是一個(gè)白色的扁球圖像和圖標(biāo),透露更多的信息,點(diǎn)擊時(shí)很獨(dú)特。這個(gè)網(wǎng)站的簡約的設(shè)計(jì)是正確的。
混亂的簡約設(shè)計(jì)
有時(shí)一個(gè)網(wǎng)頁設(shè)計(jì)師,使創(chuàng)建簡約的網(wǎng)站,是很難使用的錯(cuò)誤。這些設(shè)計(jì)不良的網(wǎng)站往往缺少一個(gè)重要的組成部分:一些的圖形/復(fù)制的一致性,或有效鏈接。下面是幾個(gè)網(wǎng)站,設(shè)計(jì)師嘗試極簡主義,只有達(dá)到混亂。
直線
直線的主頁
本網(wǎng)站可以被稱為最小的黑色和白色的配色方案,沒有圖像,和大量的白色空間。當(dāng)你向下滾動(dòng)頁面,你可以找到的博客。但問題是,額外的信息的鏈接,是很難找到的。沒有一個(gè)清晰的菜單,客人無法確切的知道什么樣的信息是可用的。
你可以看到,設(shè)計(jì)師創(chuàng)造了一個(gè)簡單的博客網(wǎng)站,讓追隨者查看個(gè)人投資意向。唯一的問題是,大多數(shù)游客匆匆不會花時(shí)間去找出隱藏在介紹鏈接。
企業(yè)風(fēng)險(xiǎn)表
CRW主頁
沒有圖像和簡單的布局,這個(gè)網(wǎng)站顯然是簡約。然而,網(wǎng)站的功能可以是一個(gè)有點(diǎn)混亂,這表明,簡約的網(wǎng)站需要考慮網(wǎng)站發(fā)展的每一個(gè)部分。
為標(biāo)題鏈接下拉網(wǎng)格內(nèi)的網(wǎng)頁上滾動(dòng)時(shí)的每一個(gè)環(huán)節(jié)的副標(biāo)題。不幸的是,這不僅涵蓋了下面的文字,但可以分散在讀課文。一個(gè)菜單,占滿整個(gè)頁面破壞站點(diǎn)的流量,尤其是下拉菜單后仍然強(qiáng)調(diào)鏈接點(diǎn)擊。
制作簡約為你工作
對于那些想要嘗試極簡主義,讓你知道一些基本的規(guī)則的拇指開始之前確定。
消除不必要的物品
這則廣告為谷歌使用兩個(gè)簡單的圖片和簡短的文字來傳達(dá)這一點(diǎn)。
在你設(shè)計(jì)的每一個(gè)項(xiàng)目都必須有一個(gè)目的。圖像不應(yīng)包括除非他們讓你清晰的必要信息。編輯你的文字內(nèi)容只包括最低限度需要詳細(xì)解釋你的消息。
將大量的白色空間
SanDisk公司的廣告在廣告上保持圖像小,所以眼睛首先集中于圖像之前移動(dòng)到下面的標(biāo)志。
白色的空間是空白的,不一定是白色的,空間之間的內(nèi)容。不要把白色的空間為空的空間需要填補(bǔ)空白,想為你的內(nèi)容框架和邊框。確??諏?dǎo)致眼睛從內(nèi)容的邏輯模式。用大量的白色空間,你就可以避免混亂的外觀。
上下簡單的配色方案
網(wǎng)站designme只使用三種顏色的背景。
限制你的配色方案并不意味著你需要在黑色和白色的設(shè)計(jì)與色彩,盡管許多極簡設(shè)計(jì)也遵循這一彩色技術(shù)。相反,一個(gè)簡約的設(shè)計(jì)是使用只需要精確地描述你的設(shè)計(jì)和創(chuàng)建層次的色彩理念。通常,極簡主義結(jié)合了幾種顏色但用大塊。人只有把兩種顏色的設(shè)計(jì)。
設(shè)計(jì)特點(diǎn)
為標(biāo)題醒目的字體的設(shè)計(jì)增加了一個(gè)原始的觸摸。
因?yàn)闃O簡主義只需要最基本的元素的運(yùn)用,讓創(chuàng)意與你的設(shè)計(jì)脫穎而出。例如,創(chuàng)建自己獨(dú)特的字體為您的網(wǎng)站的標(biāo)題。使用圖像而不是導(dǎo)航元素的標(biāo)準(zhǔn)文本或創(chuàng)建自己的原創(chuàng)為您設(shè)計(jì)圖片。只是一定要通過僅使用必需的元素添加字符,不添加額外的不必要的內(nèi)容。
創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦:
云南網(wǎng)站建設(shè)
四川廣漢做網(wǎng)站
四川眉山seo網(wǎng)站優(yōu)化_眉山網(wǎng)站排名優(yōu)化公司
當(dāng)前標(biāo)題:在網(wǎng)頁設(shè)計(jì)中的極簡主義
鏈接URL:http://redsoil1982.com.cn/news/20239.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、App開發(fā)、響應(yīng)式網(wǎng)站、微信公眾號、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站收錄
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容