欧美激情综合亚洲一二区-欧美激情在线精品一区二区-欧美激情一区二区亚洲专区-欧美激情一区二区三区中文字幕-久综合网-久在线观看视频

歡迎來到億思互聯(lián)信息科技有限公司,蘇州昆山網(wǎng)站建設(shè)制作設(shè)計優(yōu)質(zhì)平臺!
當(dāng)前位置:首頁 / 資訊動態(tài) / 行業(yè)動態(tài)

網(wǎng)頁內(nèi)容開始采取別具一格的排版設(shè)計

發(fā)布時間:2016/12/27 13:39:19
121

  越來越多的網(wǎng)頁內(nèi)容開始采取別具一格的排版設(shè)計,其中最典型的一種,就是讓文字布局橫跨不同的元素所處的區(qū)域,讓排版和其他的模塊共享空間。這種設(shè)計理念并不復(fù)雜,而這種趨勢也在網(wǎng)頁設(shè)計領(lǐng)域越來越熱。

  這種設(shè)計手法非常容易識別,文字排版部分通常會從頁面的一個區(qū)域,延伸到另外一個模塊所在的區(qū)域,比如某個圖片上的文字內(nèi)容延伸到另外一個圖片或者彩色區(qū)塊當(dāng)中,共享了其他組件的空間。這種設(shè)計所牽涉到的頁面圖層的實現(xiàn)方式會很有意思,因為它可以承載很多富有創(chuàng)造力的設(shè)計。所以,接下來昆山網(wǎng)絡(luò)公司和大家一起來看看一些典型的設(shè)計手法:

  空間共享式文字排版

  這種空間共享式排版是一種相當(dāng)容易識別的設(shè)計手法。實際上,在一些海報和明信片設(shè)計中,也可以采用這樣的設(shè)計。它的最典型的特征是,文字或者相似的元素橫跨多個圖層、模塊或者區(qū)塊。

  從廣泛意義上來講,這個設(shè)計手法的核心概念是某個元素和其他的元素共享空間,橫跨不同區(qū)域,元素相互疊加。這種設(shè)計常常被視作為分屏設(shè)計的一種延伸。

  許多跨區(qū)域的排版設(shè)計都非常明顯,但是也有比較微妙的,比如上面的網(wǎng)頁 Hometown Trolley 。右側(cè)文本部分伸出一條線,將用戶視覺引導(dǎo)到左側(cè)的圖像當(dāng)中,如果你仔細(xì)觀察,還會發(fā)現(xiàn)左邊汽車的后視鏡從背景中突出并延伸到右側(cè)的文本區(qū)塊當(dāng)中來。

  如果設(shè)計得合理的話,這種設(shè)計手法能夠借助元素區(qū)域的疊加,有效的幫助用戶更好地了解內(nèi)容和信息。共享的區(qū)域成為了不同區(qū)塊和不同信息的連接。這種設(shè)計的另外一個好處在于,文本內(nèi)容可以更好的被承載,共享的模式就像是兩個相互連接的巨型卡片模塊。

  漂亮的排版和精美的圖片總能相輔相成。許多設(shè)計師都喜歡在使用共享空間式排版的時候,采用垂直定向的圖片(不過由于各種屏幕的高寬比不同,這種技術(shù)使用的比例并不高。)。

  空間共享式的排版設(shè)計能夠?qū)⒏鞣N元素的屬性淋漓盡致地呈現(xiàn)出來,還能確保整體設(shè)計在視覺上的愉悅感。文本字母可以橫跨圖片和留白,也可以在各個區(qū)域單獨地使用,合起來看和分開看都含有意義,就像視覺化的“雙關(guān)”。

  而上面的 Square Apartments 就是這樣的設(shè)計,標(biāo)題無論是合起來看,還是分開看,都具有意義。

  這樣的設(shè)計有一個好處,由于文本需要跨越不同的區(qū)域,配色不用保持完全的統(tǒng)一,根據(jù)文字周圍的背景色進(jìn)行調(diào)整,這樣的設(shè)計簡單而容易上手。難的地方在于文本內(nèi)容的分拆和合并的狀態(tài)下,表達(dá)的含義是否都合適。

  大膽的字體選取

  有趣而又獨樹一幟的字體,在跨越不同模塊的空間共享式布局下,能帶來獨特的視覺體驗。這樣的字體通常本身就可以很好地發(fā)揮強(qiáng)調(diào)的作用,即使橫跨多個不同的區(qū)域,也不會降低其作為焦點的地位。

  如果你想沿著這個思路來設(shè)計,最好的做法是讓標(biāo)題盡量長一點,選取足夠亮眼的字體,和字體色彩有足夠?qū)Ρ榷鹊膱D片和文本背景色,確保文本的良好可讀性。

  可讀性是這種設(shè)計手法中最重要的點,通常情況下,文本部分會選擇黑色或者白色的字體,雖然許多用戶看起來可能會覺得簡單,但是要平衡圖片、背景和文本三個部分的配色體系,實際上還是挺麻煩的。

  色塊和文本的搭配

  圖片和文本的搭配是許多設(shè)計師的首選搭配方案,但是如果沒有圖片也同樣可以實現(xiàn)空間共享式的排版設(shè)計,使用色塊、幾何圖形和文本,是一樣的道理。

  上方 Startup Lab 的網(wǎng)站就將色塊和文本以極其時尚的方式搭配起來,文字橫跨白色的背景和不同的色塊,合理的色彩對比讓整個視覺顯得微妙又舒服。

  添加動效作為提示

  使用空間共享式的排版,并不以為著你不能使用其他的設(shè)計手法,比如動效就可以與之很好的結(jié)合起來。使用動效、視差等特效能夠便于用戶理解你的設(shè)計,鼓勵用戶與頁面交互。

  在頁面元素較多的時候,微妙的動效能夠更好的創(chuàng)建視覺焦點。

  在上面的頁面當(dāng)中,那個小的圓形LOGO會緩慢地轉(zhuǎn)動,在這個不對稱布局的頁面當(dāng)中,它是當(dāng)之無愧的視覺焦點。它很好地填補(bǔ)了圖片和文本之間的空白,讓整體設(shè)計更加完整和平衡,加上動畫效果,你會對這個品牌有印象深刻。

  保持簡約

  在絕大多數(shù)的情況下,簡約的設(shè)計還是非常有效的。雖然這是老生常談,但是它完美的規(guī)避了復(fù)雜設(shè)計所面臨的各種問題,高效直接的排版設(shè)計也更容易發(fā)揮作用。這個時候,一個簡單的空間共享式的排版就能夠讓用戶立刻注意到,并且發(fā)揮效果。

  如果你不知道從何入手,可以嘗試使用最簡單的極簡布局框架,使用黑色的文本和白色的背景,就像上面Melville 這個也能,讓彩色的圖片成為視覺焦點。


分享到:
熱門排行HOT
1震驚!又有一堆人被新的“百度競價包年騙局”騙倒了,大家要警惕…
2家居網(wǎng)絡(luò)營銷日漸流行81%家居商家盈利
3億聯(lián)網(wǎng)是昆山億思互聯(lián)信息科技有限公司為企業(yè)提供的專業(yè)網(wǎng)站建設(shè)…
4昆山網(wǎng)站建設(shè)公司解析營銷型網(wǎng)站價格比普通網(wǎng)站貴的原因!
5每天堅持不懈的寫軟文,得到的幾點心得感悟
6為各行業(yè)的網(wǎng)站建設(shè)提供了全面的解決方案
7昆山地區(qū)企業(yè)網(wǎng)站如何做好內(nèi)容建設(shè)
8善用標(biāo)題與開篇,讓你更容易引爆內(nèi)容營銷
9昆山網(wǎng)站優(yōu)化頁面打開速度提升
10聊聊扁平化設(shè)計的六點優(yōu)勢
隨機(jī)推薦NEW

昆山網(wǎng)站建設(shè)教你如何降低網(wǎng)站跳出率?

網(wǎng)站用戶體驗的優(yōu)化方式

昆山網(wǎng)站建設(shè)教你做好網(wǎng)站結(jié)構(gòu)優(yōu)化細(xì)節(jié)

涂料營銷“耍手段”之 網(wǎng)絡(luò)營銷

手機(jī)網(wǎng)站建設(shè)的重要性

昆山網(wǎng)站建設(shè)如何設(shè)計網(wǎng)頁頁腳的建議

網(wǎng)站建設(shè)發(fā)展方向

談?wù)劸W(wǎng)站SEO項目優(yōu)化及SEO項目診斷基本框架

每天堅持不懈的寫軟文,得到的幾點心得感悟

企業(yè)網(wǎng)站優(yōu)化過程中我們要考慮四點細(xì)節(jié)

昆山建站總公司
電話:15250286283
郵箱:40819446@qq.com
地址:昆山市虹橋路318號
徐州建站分公司
電話:0516-83703228 15396839088
地址:云龍區(qū)綠地城市廣場loft1-9樓
掃一掃關(guān)注官方微信

關(guān)注我們

官方微信
官方商城
官網(wǎng)首頁
企業(yè)QQ
在線咨詢
官方微信
掃一掃 加好友
返回頂部
主站蜘蛛池模板: 洱源县| 高邮市| 鲁甸县| 漳州市| 延安市| 兴城市| 金塔县| 乌鲁木齐县| 阿克陶县| 灵武市| 吉林市| 额济纳旗| 博湖县| 乌兰浩特市| 南靖县| 新竹县| 通江县| 馆陶县| 汝州市| 高陵县| 肥东县| 定结县| 定兴县| 长海县| 辽宁省| 左贡县| 玛曲县| 乌鲁木齐县| 尖扎县| 景洪市| 宁明县| 广丰县| 亳州市| 微博| 陆良县| 凉城县| 澄迈县| 绥江县| 宜春市| 兴山县| 台北市|