技術(shù)資訊
不對(duì)稱網(wǎng)頁(yè)設(shè)計(jì)頁(yè)面處理
2015-02-12 10:29:31
在我們青島網(wǎng)站設(shè)計(jì)里,不對(duì)稱設(shè)計(jì)技術(shù)可以非常直觀有趣的創(chuàng)建不同的焦點(diǎn),下面我就談一談,我個(gè)人的經(jīng)驗(yàn):
不對(duì)稱僅僅是缺乏對(duì)稱性,但不對(duì)稱并沒(méi)有缺乏平衡與和諧。
不對(duì)稱和對(duì)稱的設(shè)計(jì)都可以創(chuàng)造一種活力和緊張的感覺(jué),但也某種意義上的和諧取決于使用的比例。雖然大多數(shù)人往往首先能想到的是對(duì)稱性,因?yàn)檫@是一種很常見(jiàn)的自然現(xiàn)象——想想達(dá)芬奇的維特魯威人或動(dòng)物的臉的樣子;但不對(duì)稱也是一種自然現(xiàn)象,只是不同的方式出現(xiàn),例如人類往往會(huì)出現(xiàn)左或者右撇子居多。
不對(duì)稱設(shè)計(jì)的用途非常廣泛。通常被用于創(chuàng)造出一種混亂或混淆但充滿美感和藝術(shù)的技巧。不對(duì)稱可以強(qiáng)調(diào)運(yùn)動(dòng)或行動(dòng),它是擁有最常用于創(chuàng)造出一種活力或屏幕上的焦點(diǎn)的巨大優(yōu)勢(shì)。一些網(wǎng)站如果沒(méi)有正確或錯(cuò)誤的使用不對(duì)稱或?qū)ΨQ設(shè)計(jì),會(huì)導(dǎo)致網(wǎng)站的元素錯(cuò)亂雜混。
不對(duì)稱的設(shè)計(jì)使用
什么樣的項(xiàng)目適合于使用不對(duì)稱設(shè)計(jì)?簡(jiǎn)單地說(shuō),幾乎所有的都可以使用。
在執(zhí)行好的一個(gè)項(xiàng)目,添加了一些很大的對(duì)比和維度元素的時(shí)候,往往關(guān)鍵是結(jié)構(gòu),以便創(chuàng)建一個(gè)很好的平衡。如果你不想讓你的頁(yè)面有一個(gè)不平衡的感覺(jué),那么你要特別注意安排元素、項(xiàng)目的匹配色調(diào)等等,這些平衡與否。在網(wǎng)頁(yè)設(shè)計(jì)中,大部分所說(shuō)的對(duì)稱術(shù)語(yǔ),是指網(wǎng)站上的水平對(duì)稱或者網(wǎng)站上出現(xiàn)滾動(dòng)的不對(duì)稱部分。但不對(duì)稱的設(shè)計(jì)可以有平衡感或運(yùn)動(dòng)感。最常用的非對(duì)稱設(shè)計(jì)技術(shù)中組合使用的元素,也是具有對(duì)稱性的。想想一個(gè)網(wǎng)站,例如一個(gè)350像素的側(cè)邊欄,你很快就能立即完成創(chuàng)建一個(gè)非對(duì)稱的輪廓,因?yàn)榫W(wǎng)站的主體部分和側(cè)邊欄是不同的寬度;還有照片經(jīng)常發(fā)生偏離中心位置,創(chuàng)建一個(gè)元素的不對(duì)稱。
圖像和文本
創(chuàng)造出一種平衡的方法之一是使用不同的元素搭配,如圖像和文字。這是眾多設(shè)計(jì)師常用的一種技術(shù)。關(guān)鍵技巧就在于你如何把二者結(jié)合起來(lái)。往往只是需要一張圖片和幾句話,抒發(fā)情感的圖片和文字(字體)必須是互補(bǔ)的,互相呼應(yīng)的。
這種技巧的關(guān)鍵要素是文本和圖片之間的無(wú)縫合作,如何讓文字和圖片都是在表達(dá)同一個(gè)主題,說(shuō)的是同樣的一件事?如何將文字和圖片緊緊的聯(lián)系在一起?如何衡量文字和圖片之間的著重點(diǎn)和平衡點(diǎn)?
圖像和空間
空間是搭配了重要元素(圖片或文字)來(lái)創(chuàng)建的重量感或運(yùn)動(dòng)感。在空蕩蕩的空間與豐滿的頁(yè)面的留白部分,看看物品在圖像中指出方向,是否有一張臉向左看?這創(chuàng)造了一個(gè)運(yùn)動(dòng)的感覺(jué);用戶在頁(yè)面上由左到右,是否有一個(gè)山峰嗎?那定向點(diǎn)將訪問(wèn)者的眼睛從下到上。另一種方法來(lái)創(chuàng)建不對(duì)稱是隱藏部分的可視區(qū)域,側(cè)邊欄和簡(jiǎn)單的色塊就能做到這一點(diǎn)。 (通常在使用這個(gè)概念時(shí),總體看是不對(duì)稱的,但這樣的設(shè)計(jì)使網(wǎng)站的每個(gè)部分都具有鮮明的對(duì)稱感)
在網(wǎng)頁(yè)設(shè)計(jì)中使用不對(duì)稱設(shè)計(jì)心得
不對(duì)稱也可以用顏色(色塊)來(lái)表現(xiàn)。鮮明的對(duì)比色調(diào)——例如白色和黑色,坐落在色輪上對(duì)立的位置,可以感覺(jué)到失去平衡,甚至是混亂的。非對(duì)稱的彩色圖案也是自然界中的一種,他們也有一種奇怪的平衡感。在許多物種中,雄性動(dòng)物顏色圖案將幾乎完美對(duì)稱的而雌性卻很少。(人們認(rèn)為這種是自然界發(fā)生的自然現(xiàn)象,這是幫助“更有吸引力”的男性引走掠奪者,讓掠奪者遠(yuǎn)離女性和后代)平衡的配色方案是基于色輪的原則,結(jié)合并充分對(duì)顏色的選擇,在經(jīng)典顏色組合之外,創(chuàng)建少對(duì)稱與和諧的顏色組合:背景色與在背景色上面的圖片或文本組合對(duì)比;米色的背景和霓虹燈的紫色組合。這些都是比較少使用的組合配對(duì)。另一個(gè)常見(jiàn)的技巧是創(chuàng)建一個(gè)產(chǎn)品(有很多種的顏色)和另一個(gè)(含有很少或沒(méi)有顏色)的產(chǎn)品進(jìn)行組合對(duì)比,形成不對(duì)稱設(shè)計(jì)。
結(jié)論
不對(duì)稱的設(shè)計(jì)可能會(huì)非常復(fù)雜繁瑣但它也是非常的美麗。我喜歡不對(duì)稱設(shè)計(jì)創(chuàng)造了幾乎無(wú)法預(yù)料的平衡感和充滿驚喜的感覺(jué),不對(duì)稱設(shè)計(jì)的美觀已經(jīng)完全的達(dá)到了平衡設(shè)計(jì)。最好的設(shè)計(jì)是保持了強(qiáng)大圖片和文字之間的平衡性,在屏幕上創(chuàng)造一個(gè)獨(dú)特的眼睛去追蹤美。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁(yè)面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2011-10-30 22:32:11] 如何寫好網(wǎng)站title標(biāo)題和關(guān)鍵詞描述
- [2016-09-16 15:21:00] 網(wǎng)頁(yè)設(shè)計(jì)流行趨勢(shì)解讀
- [2012-07-04 22:52:55] 韓國(guó)游戲類網(wǎng)站的設(shè)計(jì)
- [2017-01-16 10:00:00] 提升網(wǎng)站排名應(yīng)如何在關(guān)鍵詞上下功夫?!
- [2014-11-20 09:20:11] 網(wǎng)頁(yè)設(shè)計(jì)細(xì)節(jié)的根本所在
- [2011-12-08 20:16:15] 可單向提交酷站的門戶網(wǎng)站
- [2011-11-10 12:03:09] 青島網(wǎng)站設(shè)計(jì)之網(wǎng)頁(yè)設(shè)計(jì)的細(xì)節(jié)處理
- [2014-12-11 09:16:15] 網(wǎng)頁(yè)設(shè)計(jì)布局與交互設(shè)計(jì)心得
- [2012-11-20 16:50:46] dede 采集 圖片不全
- [2014-11-14 09:13:42] 給力的網(wǎng)站UI登陸界面設(shè)計(jì)制作
- [2011-11-17 14:38:58] 如何能快速的提高網(wǎng)站權(quán)重PR
- [2015-09-22 12:26:04] 微信為什么這么人在用
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
空白和簡(jiǎn)潔的設(shè)計(jì) 青島開發(fā)區(qū)建站公司 青島網(wǎng)絡(luò)公司 青島網(wǎng)站制作 企業(yè)網(wǎng)站為什么要備案 高端輪胎網(wǎng)站設(shè)計(jì) 青島做網(wǎng)站多少錢 H5 蘋果系統(tǒng) 微信營(yíng)銷的優(yōu)勢(shì) 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 力圖數(shù)字科技 網(wǎng)站推廣 集團(tuán)性網(wǎng)站 插畫 營(yíng)銷型網(wǎng)站 青島網(wǎng)站建設(shè) 網(wǎng)站規(guī)劃 網(wǎng)站設(shè)計(jì)資訊 企業(yè)建站 SEO 搜索引擎 良好的導(dǎo)航 SEO優(yōu)化 手機(jī)網(wǎng)站建設(shè) 中小型企業(yè)網(wǎng)站建設(shè) 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 微信小程序 青島黃島、紅島網(wǎng)站建設(shè)公司 青島SEO