版式設計裏的「張力」是什麼意思---上海电玩巴士实体店?今天幫你解答__雅静宾馆!

2019-1-25 用心設計 平麵設計

如果您想訂閱本博客內容||王的第十七妾,每天自動發到您的郵箱中-_-三百年女尸复活, 請點這裏

 

 

本期給大家帶來的內容是關於視覺張力的應用技巧-|_娱乐天地彩票平台,聽到這個詞也許會給人一種雲裏霧裏的感覺-||杨浦区小学排名,我們在日常工作中也總會聽到這些「視覺張力」「視覺衝擊力」「視覺重力」等等專業詞彙---陈冠希张柏芝图片。那麼這些帶有視覺前綴的力學詞到底是什麼意思呢_--淘1站?今天我們來一起分析一下這其中的「視覺張力」-_35彩票35cpcc,看它在版式設計中都起著哪些作用_|-聚返吧。接下來讓我們一起學習今天的內容吧-_昆明三夫妻。

何為張力

首先我們來了解一下張力的概念_|-234彩票app苹果,從百科中的解釋可以初步了解到__盈众彩票开盘多久了,張力是物體受到拉力而產生的牽引力_长治日报电子版,這麼說是不是還有點暈|-聂小倩的梦岛?

通俗一些解釋_|-至尊娱乐彩票靠谱吗,可以將它理解成在拔河時繩子兩端受到的左右拉力_|-苍之涛天书,我們看整個畫麵在視覺心理上產生了一種向左右擴張的感覺--|花花公子成人台。

就像上圖中的氣球一樣|-|仙5破解,內部充氣後產生了向外膨脹的擴張力_-|青岛城管强拆军区大院视频。外部的包裹部分也同時向內產生收縮的力-|_淑女屋品牌折扣店,從而產生了一種相互製約的緊張感_|-陈丽华前夫。

在藝術和設計以及文學領域中__-灰熊精英,視覺張力這個詞也經常用來形容和諧與衝突之間的強烈對比_|青岛台东洗头房,它是一種經過美學經驗與審美傾向後的主觀評價-链家地产司歌歌词。

原理與解析

今天我們不講那麼深奧的直覺式感受_-_365彩票计划网,而是從平麵構成的角度來深度解析視覺張力在版式設計中的作用||众发彩票的账号怎么注册,客觀的了解康定斯基在其著作《點線麵》中所提及到的視覺張力理論___详细个人自传。

支撐起我們身體外形的是藏在內部的骨骼部分|_印度新娘之真爱无悔。而在版式設計中也同樣需要支撐起整個版麵的骨骼元素|_惜春小礼。

新人設計師經常會出現的問題就是會把整個版麵填充的很滿|160630基金,他們認為這樣能讓版麵變得飽滿--澳警员遇害案开审。但事實上這樣並不能解決什麼問題_|薛丁山与樊梨花新版。

我們需要轉換思維模式众彩国际送彩金,客觀的重新認識版麵中元素起到的作用_|-励志流行歌曲。

從構成的角度說|-_运盛彩票登录,版麵中隻要出現一個很小的點就已經足夠吸引觀者的注意力了|_苏州大学王健法学院。點是視覺力量的中心_|透视裙,它在版麵中能夠產生占據空間的作用__极速战警动画片。

當版麵中出現兩個點元素時_河南大象网,我們的視線會下意識的在他們之間形成一條隱形的線|__云发购彩票,即使他們離的很遠_-宋茜 running man。正是由於存在著這條無形的線段連接-中环放电影院,才讓兩個點之間產生了關聯-108娱乐彩票靠谱吗?。包括兩點之間的空白區域在內-|东亚经贸新闻数字报,它們都會被看做一個整體-新娘无悔的爱第二部。

當版麵中出現三個點時|360防蹭网手机版官方,我們在心理上便會自然形成一個負形的三角形|十字星是什么意思,它與背景之間會形成圖底關係-|秦岚女儿,點與點之間的距離決定了這個三角形的大小|-优衣库视频bt种子。

同樣的道理-__阎玺的微博,當版麵中出現四個點時|戚姬庙,矩形的負空間與版麵形狀產生了呼應|_168彩票手机APP苹果。四個點之間的內部會形成一個假想的視覺麵積---车四十四真实故事,點與邊界的距離也為我們定義的版心的大小_--永盛彩板,這也是版麵中張力的主要來源_月亮的知识。

點具有相互連接的屬性-_|好看的电影你懂的,當很多個距離相等的點占著水平方向排列會產生線段的印象||_云顶娱乐官网下载。

而一個陣列的點相互連接就成了一個麵__xiannuhu。

舉個比較常見的例子__n79论坛,段落文字就是由許多個點組合而成的麵|__11086移动彩票官网。

古人為了記憶天空中的星象__众盈娱乐靠谱吗?,會將相鄰的星星連接起來___cfq币购物券怎么用,就像圖中的北鬥七星_|_原来辛夷坞,通過同形聯想--_ro2银线,它就像是一個勺子-|船位船讯网。人們就是通過記憶勺子形狀來找到北鬥七星的-__金清中学贴吧。

西方的星座也是同樣的道理--诗词生成器,將相鄰的點連接形成對應的圖案__|掌上纵横平台下载,最終形成我們現在看到的星座圖形_-1288彩票官方app。

當版麵中隻有兩個點時|-|苯乙烯用途,我們可以得到的信息隻有版心的寬度距離_-铁木真炒锅,而想要得到一個完整的版麵|_135彩票受法律保护吗?。我們還需要一個確定高度的點才行|||朝吹,通過這三個點的位置來腦補出整個版心的張力大小-敖广恩。

也就是說|_菊丸英二bg,想要達到支撐起整個版心的目的__|注册老虎机存1送,版麵內最少需要三個支撐點--王刚代言的酒。

這種腦補的原因來自於視覺的閉合心理_-蛇行一亿年,我們會將那些區域閉合的圖形自動視為一個完整的內容-苏浩影院,就像圖中的圖形-_京东商城手机充值。通常人們會認為他們是三個完整的組--_红玖木商城,因為括號內的距離更接近_-众创彩票,那麼事實上真的是這樣嗎|||二十二选五?

實際上六組圖形的物理距離是完全相等的|自驾游汽车运输班列,之所以會產生括號外大於括號內的錯覺完全是因為視覺心理在作怪-||银尊夜总会。

到此我們可以大致總結一下版麵中的張力是怎樣產生的||丁丁和杨坤后场接吻,以版麵的四角作為支撐點||电视棒密码,在這一基礎上-|_众益彩票官网,如果還有剩餘的元素可以編排在垂直與水平的位置上_|亿发彩票可靠吗?。這樣整個版麵就被支撐起來了-|金童玉子,形成了一個完整的麵積--_淘宝扫码,給人傳達出了飽滿的視覺印象|李晨阳年龄。在實際編排中由於層級的介入-|众乐彩票APP,版麵中的元素並不一定都是等大的--致富彩,同時隨著主體輪廓的不同-|在线双升,也會形成繞排等不同位置的結果|-_108娱乐网投平台正规吗。但萬變不離其宗-_|众博赌博没人管吗,版麵中每個元素的聚散離合都會影響到整個版麵的張力大小--_众博棋牌。

案例解構

這個版麵主要運用了點的分散和連接作用||_铁木真炒锅,點與點之間雖然麵積較遠但是依然在視覺上會被看成一個整體|__云端彩票是怎么回事,其餘層級的內容則是以線的形態出現在版麵中_||2019最快开奖结果。經過解構我們可以看出_|众赢彩票注册,版麵中的張力主要來源於版心四角的位置|||智行彩票注册,這個版麵是通過四個點支撐起來的-||234彩票提现多久到账。

接下來看這個版麵_-|芜湖阳光半岛,首先我們標示出人物的麵積_|自由篮球pf加点,隨後是山峰的麵積|-社旗县教育网,文字以點的形式分散於版麵中-_虚拟网短号查长号。由於點與點之間的連接作用-|fost移动电源,我們可以將其看做四條豎線_易彩娱乐线路。而線與線之間相連就成了一個麵-揭刘汉留下多少遗产,這個版麵主要起到支撐作用的是邊緣的三個點|_欧布 奥特曼。

對於這個版麵來說-|卫青吧,與之前的版麵相比|刘军 姜培琳,版麵中元素並不是等大的_基加美修的召唤石。它的元素分布情況大概是這樣的--258nba竞彩,接下來我們標出它的版心大小|-_快乐大本营张惠妹,可以明顯看出這個版麵中起到張力作用元素主要有三個--阿玛拉王国锻造材料,而其餘的元素則分布在版心的內部空白位置|锚杆垫板。

從元素的排布上看就基本可以得出版心的大小了_|-2018白姐正版四不像图,元素之間通過對齊與擴張|||易彩票是正规的吗,形成了一個方形的麵積_|文殊菩萨是男是女,版心的四個角落都有支撐點---强心脏20121127。

我們再看這個版麵-众赢彩票登入,它由一個主體||丁丁网 南京,和兩個文字組以及 logo 構成__北上广地铁神器,這是一個典型的由三點支撐起來的版麵--亿贝平台是违法的吗。

這個同樣是由三個點支撐起來的|奶妈吧。

這個版麵經過結構可以很明顯的看到-||众博登录,元素分散到版麵的四角01彩票是正规的吗?,形成向外擴張的結構__|酷派w706软件下载,其餘信息放置在空白位置|新乡窝窝团购网。

這個版麵較之前就要更複雜一些了_冰城宝宝论坛团购区,來看一下它的結構-|众乐彩票是真是假,標出版心後可以看出元素基本上是圍繞著版心的大小進行排布的|--网上订票取票时间限制,左下角為了增加元素的張力作用--免费空间克隆,依然采用了三點的分布方式來占據更大的空間麵積-|语智通口语作业本,從宏觀角度來說版麵依然采用了三個點的骨骼結構|--1元存取款彩票平台。

這個版麵-||刘一冰,可以看出版心采用了四個點來支撐_-芳草集睡眠面膜,剩餘兩個文字信息分布在版麵的水平方向-108彩票平台靠谱吗,就是圖中標注成藍色的位置-丝图腾。

這個版麵中出現了帶有出血的元素_-|苯胺的密度,看一下它的版心和元素的構成情況__暴龙摩托车价格,采用了四個點的出血結構-|夜美梦娃娃网。

這個版麵的變化性相對難度更大_|_星光龙门阵,我們來看它的構成結構_-159彩票网,可以看到整個版麵大致分為兩欄-易赢在线注册,左側小欄和右側大欄內的元素編排都采用了三大支撐點來產生版心的張力效果-||昆山花桥开锁。從整體的角度觀看版麵|_-synergykm,也會得出同樣的三點支撐版心的印象_-哈雷彗星图片。

這個版麵中--_读书郎f20,主體的形狀變化較強--running man宋茜。除編排在四角的元素外|-|舒兰七中,其餘元素都采用了繞排的呼應形式安排在了空白位置上|-_新娘无悔的爱第二部,整體看去采用了四個點來產生張力作用___2018高考最高分是谁。

這個也是一樣|-_淮安草根网,采用純文字的版麵編排_当爱已成往事 亦域,占據四個角落-_陈金元,其餘元素編排在空白位置|__106福彩苹果怎么下载。

這個呢|--ncbc手机,版心的張力主要來源是四個角落的元素位置|||长篇小说征稿。

我們來總結一下_|云中漫步电影,當版麵底部已經有一個很大的圖像或者文字時__李天一受害老师照片,版麵頂部隻要有一個元素就可以撐起整個版麵的張力_-1号平台。

頂部也可以是兩個元素來同時產生張力作用_|盐城一中。

對於主體位於中心位置的版麵_|和之匣,我們最少需要三個點來起到支撐版心的作用---生化危机同人h。

這裏也可以是四個點來描述版麵的張力大小|_色拉油的密度。

此外|-|128期看图中肖特,如果這時還有其餘的元素需要添加-|_长江电力电子商务网,可以添加到垂直和水平的空白位置上--汤唯在韩国视频。

接下來我們拿這個版麵來進行舉例__|山西环法尊道长,中心的圓形是版麵中最大的元素_-111彩票官方网登录,被編排到了版麵的正中心位置-|_360大乐透专家杀号定胆。

隨後出現在版麵中的是四個角落的文字元素-|-云顶彩票怎么样,它們的出現加大了版心的張力大小_|俗人岛 华人论坛。

隨後--网上三好街报价,其餘的文字信息被編排到了版心的垂直和水平的位置並貼近版心的邊緣_中国军衔等级胸章。

接下來在垂直位置添加裝飾性的點元素來起到占據空間的目的|银河巡警加克。

最後在版麵的空白處繼續添加其餘的文字信息_|078彩票代理是骗局吗,這個版麵就基本上變得非常飽滿了-12选五开奖结果走势图。

接下來我們看一下它的元素構成結構_-|鹰彩平台。

並不是隻有文字的位置才能起到加強版麵張力的作用|__盈彩是什么平台,換成圖形和圖像也是同樣的道理__青岛九中贴吧。我們看這個圖_--长虹lt32876,將周圍的元素去除後||众彩软件下载,版麵中原本熱鬧的氛圍消失了|金亚莱的领袖,版麵占據空間的張力也隨之變小了||掌信彩软件用什么下载,但絕對不是說底部的版麵就是不對的|_258彩票首页,一切都是根據項目的定位來判定的-ovi套件。

這個版麵同樣具有熱鬧的節日氛圍_-|天命最高歌词,去掉周圍的圖像元素後-_-金清二中,明顯變得冷清起來-||三星5320,版麵的張力也隨之縮小了很多|_|手机qq2010java通用版。

這個版麵也是同樣的道理_--武汉汽车上牌流程,去除周圍的元素後_-亿博登录,版麵的視覺張力縮小了_|_沪通铁路规划图,與之前相比缺少了衝擊力_|-邝汇珍,變得安靜了||马甲客。

這個版麵因為點元素的出現_-_街头篮球葡萄论坛,整體給人的感受非常飽滿|_|圣三一教堂,將點去除後---至尊彩平台下载安装,原本被占據的空間變小了__-柳焚余,明顯沒有之前的版麵具有視覺張力||038彩票怎么防作弊。

案例演示

這是廣告牌|若水生花爽肤水,投放尺寸主要設定在一個人能夠近距離觀看的大小-|-尹斗俊 孙娜恩,也就是說版麵中可以出現一些比較細小的文字-银彩网址。

(這裏需要特別提醒的是|_苏岑博客,在實際應用中如果廣告牌掛得比較高-_|卡丝琳,就需要根據實際情況來調整最小的文字字號了-|最近有哪些好看的电影。否則說明文字的出現也就沒有實際意義了|-|missripley结局。)

接下來我們來看一下文案內容|||云顶娱乐李逵打鱼分数,一個航拍無人機的宣傳廣告|_-306官方彩票安卓,含有品牌的標誌和文案以及圖片信息-||朗姿代购。

根據文案信息__|百度云福利群链接2018,我們給項目添加氣質關鍵詞_|杨幂被迷奸,及表現出科技的領先感-金丹菲,同時因為產品屬於親民定位_|呷浦呷浦官网,我們還需要加入具有輕鬆與溫情的氣質|-众赢彩票开奖记录数据分析。主視覺決定采用文字為主強調產品名稱||长治市城区教育局,加入文字並放大成為版麵中最大的麵積___张家口网通。

這裏需要注意的是__2017年江苏高考数学,這個文字的外形輪廓給人一種濃厚的曆史氣息_--康熙来了20111201,就像演員走錯了片場-云购梦想,完全與我們的定位不符_空间6 0。

換成無襯線體後-|优彩娱乐正规的吗,明顯覺得好多了-132彩票13mb。但是還是覺得哪裏怪怪的-2m彩票2m永久费资料。原因在於它的外形沒有給人很特別的印象-_注册送30元彩票。從「S」的收口處可以明顯看出切割感很強|--金山区财政局,缺少一些書寫的痕跡|_1号计划的目的是培养,整體顯得有些平淡無奇||_大旱之年。

這個字體大體感覺上還不錯--九伯网,帶有書寫感的曲線-中国气象频道,幾何形的外觀似乎都很符合定位--_杜兰特3代战靴。但作為版麵中的主視覺元素似乎還少了點裝飾感_|258彩票官网。

最後選擇了這個字體-||云顶国际娱永久网址,同樣具有書寫感的曲線開口-|众富彩票注册,帶有幾何特征的外形以及類似電路排線一樣的裝飾結構|-欧宝蕾。

色彩方麵采用橙紅色作為主色調|_-3a录取查询,烘托親民的色彩氛圍_|cf易美官网。接下來將產品疊壓在文字之上_|锦江区公众信息网,加強版麵的層次感missripley。

為了繼續加強版麵的中層次變化||提手上下,我們在文字與圖像之間添加陰影-14胜负彩在哪买,細節決定成敗|找法网查看律师回复,一個簡單的陰影也是需要體現出層次變化的__众彩国际彩票合法吗。從模糊到清晰|-106平台彩票苹果,從暗淡到濃重的變化都是塑造細節的關鍵|-132彩票平台官网,這裏為投影添加三層強中弱的變化||镇江老兵事件最新进展,這樣一來__|全鱼道怎么样,陰影部分的刻畫就完成了|__掌上赢彩。

與之前相比|_038彩票为什么提不到款,添加陰影後的畫麵在視覺層次上要更豐富一些-亿彩卸载了怎么办。在視覺表現上也更立體-|_2018政府打击云联惠。

最後我們將文字信息劃分好層級後一次添加到版麵中|-神医傻妃txt新浪。這個畫麵就完成了__佟晓雅。主體位於版麵的中心位置_-_陈仕林,其餘信息分布在版麵四周|智彩电子走势图11,形成向外擴散的視覺張力|_黑香米产地,一共使用了三個點元素來支撐版心的大小-||众博彩票手机客户端,剩餘的文字信息則添加在版麵底部的空白位置-__兰州商学院教务管理系统。

我們試著將信息全都集中到一起會怎樣呢|_卜冰?

可以看到-|刘剑简历,版麵中元素全都集中在了版麵的中心位置_赢钱彩冲值卡有什么用,這使得原本占據整個版麵的視覺張力變小__天猫分销平台,版麵的兩端會顯得很空曠-|雅虎奇摩首页,相對於之前的版麵來說變得沒有那麼飽滿了尼伯特台风实时路径。這種情況下|_娱乐天地检点实v力22956,也可以采用添加圖形元素的手法來填充版麵兩端的空白處-|洛阳bbs绿色营地,讓畫麵變得熱鬧起來_|-柯达一次性水下相机,增強版麵的動感與活力_-|邮政上班时间。

這裏我們添加一些抽象的氣泡元素-成都hm,為版麵添加一些概念性的印象--|青岛工艺品招聘。添加元素後|_垃圾短信轰炸机,新的問題又出現了|2019年四不像,由於兩側的元素僅作為裝飾出現|_|金佛山滑雪场电话,但是目前的視覺又顯得比較搶眼-|-365彩票不能买,這就有些幹擾到了主視覺的層級地位了_湖笔徽墨宣纸端砚。

那麼解決這個問題的方式也很簡單|铁三角atht50,就是弱化掉兩端的氣泡元素-_-许宗衡简历,讓主視覺與裝飾元素之間的層次更分明_-掌上永辉最新版本下载。經過弱化處理後-|-致吸血鬼的五曲,這個版麵看上去就舒服多了|掌上永辉下载。這裏需要注意的是_大方旅游 江门,氣泡的虛化程度也同樣遵循了強中弱的層次變化--黑市场,這樣的處理也進一步加強了整體的視覺縱深感-|广州圣亚男性科。

經過圓形氣泡的填充後__nokia3110c,版麵的張力恢複到了之前的大小||-怎样在淘宝上开店。整體給人更加飽滿的視覺印象_-腾信s8000。

今天我們一起學習了視覺張力在版麵中的應用技巧-|_印度电视剧新娘之无悔的爱,一起了解到了圖像與文字在版麵中不同位置所起到的作用|_天星影院,也講解了版麵的骨骼是如何構成的||-立冬立秋诗句,希望我們的內容依然能夠對你有所幫助_-|保定天鹅小区。

藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司||-艳艳乡村全文阅读,為期望卓越的國內外企業提供卓越的UI界麵設計123彩票软件、BS界麵設計 -|_至尊彩是真的吗、 cs界麵設計 _||英玉、 ipad界麵設計 _-卓易彩票暂停服务、 包裝設計

標簽: 平麵 板式張力

分享到|_-106cc彩票21011版本: 新浪微博 騰訊微博 微信 微信 更多

Powered by emlog 京ICP備12006971號-1 sitemap