pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

在版式設計中一圖多用的處理技巧

   在版面設計過程中,你可能會有很多地方都需要用到圖片,也許你花費比設計創作需要的多得多的時間來尋找圖片,有沒有簡單的方法呢?在下面,我們用兩個實例來說明如何解決這個問題,我們只用一張圖片,通過分割剪切,就可以將這張圖片用在不同的地方,出來的效果同樣非常漂亮。一張圖片解決一個版面甚至多個版面,其實也是足夠的!要將你買回來的圖片物盡其用,通過有創意的做法從原圖中得到幾個小圖,來配合你的版面設計。

在版式設計中一圖多用的處理技巧 三聯

  這是我們要利用的原圖

4c396375d9db21ebf4a566c5aae95e23 在版式設計中一圖多用的處理技巧

  在版面設計中,就變成這樣

  你有注意到其實在大圖中隱藏著一些小圖片嗎?所以我們可以大膽嘗試,將一張照片剪切成多張小照片。而且,由于這些小圖片都是來自同一張大圖片,所以它們的色調及圖案都顯得非常統一,這使你的設計輕而易舉就可以獲得協調的效果。

  其中的關鍵就是你要選擇好到底要哪部分。我們可以想象一下我們是在跟別人講一個故事。一張從大圖片出來的小圖片其實有著一種全新的意義,這個過程本身就很有趣。將圖中各個不同的部分分離,然后看一下我們到底有什么信息可以傳達給別人。

b93d6f2a2ee3be125c05e77d175ffda9 在版式設計中一圖多用的處理技巧

  當我們一眼望去這張海灘的圖片時,我們是將它看成一個整體的,或多或少會對其中的細節置若罔聞。但如果我們將各部分分離,我們會發覺,其實每一部分都隱藏著一個“故事”,都有著各自的重點。

  如上圖右下角小圖中,我們就會想,海岸線到底有多長?這張圖片雖然顯得有點小,但因為它里面包括了陸地與大海,所以這張圖片可以使它與另外兩張我們截取的圖片形成統一。

c99ea814dd7c6f9cf218d31f21fc8dd2 在版式設計中一圖多用的處理技巧

  一幅人間天堂式的風景,它是駛離陸地還是準備靠岸?如果我們沒有看原圖,我們無從判斷。

766ef00d487258f10f87dc3587fd374a 在版式設計中一圖多用的處理技巧

  舊的總比新的更有性格。我們選擇這艘破舊的小船,讓你不禁在想,這艘小船見證了多少的風雨?當我們從大圖中截取讓它變成一幅單獨的圖片時,這艘小船顯得孤伶伶的,它以前的主人是誰?它現在為什么會停在這里?旁邊的那些腳印又是誰留下的?

666eed9a0392afc435c73c4c89d2309a 在版式設計中一圖多用的處理技巧

  我們只截取小船的船頭部分,這部分只占原來的大圖很小的位置,還不到十分之一。但我們卻將它作為版面的大圖,這樣,它給人的尺寸感覺就完全改變了,現在,它成為了一個有趣的視覺焦點。上圖中,三張圖片的尺寸都不一樣,右邊的特別大,左下的圖片特別小,這種不同尺寸的圖片可以讓我們的整個版面產生層次感。而讀者的眼睛就會從右的到左(上圖下的線條表示了讀者在觀看時的視覺線路)。

  采用上面的這種方法,我們還可以創造出另外一種完全不同視覺效果的設計。

dbed1e2574631b1d8bdfdcd514cd66d4 在版式設計中一圖多用的處理技巧

  下面這個網頁上的所有圖片其實都是來自于上面這張椅子的照片。

58c5f9742df7b1d4eb28ba3cafc3d48a 在版式設計中一圖多用的處理技巧

  如果你仔細觀察一下那張椅子的照片,你就會發現其實這張普通的椅子包含了各種各樣的線條、圖案、顏色、孤線及轉角位,它們充滿著對比(如淺色及深色,直角與圓角)。

ccf3ed2ced96279bb447e7c799efa741 在版式設計中一圖多用的處理技巧

  在整個版面中分為上下兩部分,它們各自所形成的視覺效果并不一樣。上面部分顯得開闊平靜,而下面部分則顯得飽滿充實。

da29462ba72c1debe7643f11f95f809e 在版式設計中一圖多用的處理技巧

  這個版面的上下兩部分的構圖差別非常大。我們只利用一張圖片就可以使整個版面充滿視覺對比,包括不同的尺寸、材料、圖案、形狀及方向的對比。

fd68bc3a5bd29be4d5a7b537e495da59 在版式設計中一圖多用的處理技巧

  上面的開闊設計使到眼睛很容易就集中在那張椅子上。

245b83f12a30bfbcb30cfac55ae379c4 在版式設計中一圖多用的處理技巧

  而下面顯得很充實的版面傳達一種動感及豐富的層次感。在這部分中并不存在一個視覺焦點,因為所有的圖片都是在大小不一的矩形區域中,產生了不同的方向感。

  我們將下部分其中幾張小圖片用顏色區域代替,并加上標題來使設計顯得更具吸引力。現在的關鍵問題是我們要選擇什么樣的顏色才能與整個版面配合。

8fb1948238c49090702ec1137ef63ee1 在版式設計中一圖多用的處理技巧

  我們首先用吸管在椅子上取一種顏色,然后看一下這種顏色在色輪中是處在哪一個位置上。

3518784a7bfb4a9f190e102e4f8c4161 在版式設計中一圖多用的處理技巧

  在這個例子中,椅子上的所有顏色幾乎都是曖色調,為了使整個設計具有曖色調的感覺,我們可以采用一種相近色來作為搭配。兩種相近色具有同一種基色,具體在這個例子中,我們從上圖的色輪可以看出,棕色與草綠色都包含了黃色這種基色。這種擁有同一種基色的顏色總是能夠形成良好搭配效果。

0a6e847bd2043d3664a90e11ce0dc5d9 在版式設計中一圖多用的處理技巧

  如果你不希望整個版面有太多的曖色,那我們可以采用補色(即在色輪中相對的顏色或相隔 180 度的顏色)搭配。

  為了使版面能夠形成強烈對比,或希望整個版面充滿動感,我們可以采用補色搭配,因為互為補色的兩種顏色能夠形成高強度對比的視覺效果。但是,補色搭配會使到兩部分的區域在視覺上都一樣具有強烈的視覺效果,從而會互相削弱對方。為了解決這個問題,我們將其中一種顏色變淺(在上圖中,我們是將藍色變淺),減少藍色的“氣勢”,這樣使到棕色區域仍然能夠突圍而出。

c17f564608cd9582f0d86d6f1adecbfd 在版式設計中一圖多用的處理技巧
【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 飞飞影视_热门电影在线观看_影视大全| 南京雕塑制作厂家-不锈钢雕塑制作-玻璃钢雕塑制作-先登雕塑厂 | 柔软云母板-硬质-水位计云母片组件-首页-武汉长丰云母绝缘材料有限公司 | 逗网红-抖音网红-快手网红-各大平台网红物品导航 | 生物颗粒燃烧机-生物质燃烧机-热风炉-生物颗粒蒸汽发生器-丽水市久凯能源设备有限公司 | 上海橡胶接头_弹簧减震器_金属软接头厂家-上海淞江集团 | 家用净水器代理批发加盟_净水机招商代理_全屋净水器定制品牌_【劳伦斯官网】 | 伺服电机_直流伺服_交流伺服_DD马达_拓达官方网站 | 承插管件_不锈钢承插管件_锻钢高压管件-温州科正阀门管件有限公司 | Brotu | 关注AI,Web3.0,VR/AR,GPT,元宇宙区块链数字产业 | 桥架-槽式电缆桥架-镀锌桥架-托盘式桥架 - 上海亮族电缆桥架制造有限公司 | 空气净化器租赁,空气净化器出租,全国直租_奥司汀净化器租赁 | 广东成考网-广东成人高考网 | NBA直播_NBA直播免费观看直播在线_NBA直播免费高清无插件在线观看-24直播网 | 耐磨陶瓷管道_除渣器厂家-淄博浩瀚陶瓷科技有限公司 | 数码管_LED贴片灯_LED数码管厂家-无锡市冠卓电子科技有限公司 | 【电子厂招聘_普工招工网_工厂招聘信息平台】-工立方打工网 | 半自动预灌装机,卡式瓶灌装机,注射器灌装机,给药器灌装机,大输液灌装机,西林瓶灌装机-长沙一星制药机械有限公司 | 湖南教师资格网-湖南教师资格证考试网 | 橡胶弹簧|复合弹簧|橡胶球|振动筛配件-新乡市永鑫橡胶厂 | 耐高温风管_耐高温软管_食品级软管_吸尘管_钢丝软管_卫生级软管_塑料波纹管-东莞市鑫翔宇软管有限公司 | 上海单片机培训|重庆曙海培训分支机构—CortexM3+uC/OS培训班,北京linux培训,Windows驱动开发培训|上海IC版图设计,西安linux培训,北京汽车电子EMC培训,ARM培训,MTK培训,Android培训 | 医用空气消毒机-医用管路消毒机-工作服消毒柜-成都三康王 | 东莞韩创-专业绝缘骨架|马达塑胶零件|塑胶电机配件|塑封电机骨架厂家 | 期货软件-专业期货分析软件下载-云智赢 | 宁夏活性炭_防护活性炭_催化剂载体炭-宁夏恒辉活性炭有限公司 | 二手电脑回收_二手打印机回收_二手复印机回_硒鼓墨盒回收-广州益美二手电脑回收公司 | 昆明挖掘机修理厂_挖掘机翻新再制造-昆明聚力工程机械维修有限公司 | 釜溪印象网络 - Powered by Discuz! | 青岛成人高考_山东成考报名网 | 广州/东莞小字符喷码机-热转印打码机-喷码机厂家-广州瑞润科技 | 钢格板|镀锌钢格板|热镀锌钢格板|格栅板|钢格板|钢格栅板|热浸锌钢格板|平台钢格板|镀锌钢格栅板|热镀锌钢格栅板|平台钢格栅板|不锈钢钢格栅板 - 专业钢格板厂家 | 非标压力容器_碳钢储罐_不锈钢_搪玻璃反应釜厂家-山东首丰智能环保装备有限公司 | 外贮压-柜式-悬挂式-七氟丙烷-灭火器-灭火系统-药剂-价格-厂家-IG541-混合气体-贮压-非贮压-超细干粉-自动-灭火装置-气体灭火设备-探火管灭火厂家-东莞汇建消防科技有限公司 | 巩义市科瑞仪器有限公司| 石油/泥浆/不锈钢防腐/砂泵/抽砂泵/砂砾泵/吸砂泵/压滤机泵 - 专业石油环保专用泵厂家 | 手机存放柜,超市储物柜,电子储物柜,自动寄存柜,行李寄存柜,自动存包柜,条码存包柜-上海天琪实业有限公司 | 环氧乙烷灭菌器_压力蒸汽灭菌器_低温等离子过氧化氢灭菌器 _低温蒸汽甲醛灭菌器_清洗工作站_医用干燥柜_灭菌耗材-环氧乙烷灭菌器_脉动真空压力蒸汽灭菌器_低温等离子灭菌设备_河南省三强医疗器械有限责任公司 | 杭州成人高考_浙江省成人高考网上报名 | 登车桥动力单元-非标液压泵站-非标液压系统-深圳市三好科技有限公司 | 成都网站建设制作_高端网站设计公司「做网站送优化推广」 |