公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

趨勢丨全方位科普網頁設計中的個性插畫風格

2017-1-26    周周

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里

@飛屋睿UIdesign :插畫具有輔助文字敘事的功能,在書籍、雜志等平面中已然并不罕見,然而由于過去WEB技術發(fā)展的原因,網頁設計中運用插畫的情況卻不多見,隨著技術提升,插畫越來越被網頁設計師重視。今天這篇好文總結了網頁設計中常見的4種個性插畫風格,漲姿勢來。

兄弟篇:《趨勢丨全方位科普平面設計中的時尚復古風格》

由于優(yōu)秀的攝影作品可遇不可求,而且并不一定會遇上合適自己使用的樣式。專門請了攝影師來拍照如果不集齊適合的模特、布景、道具、燈光……也許結果都未必理想。因此,可以看到,依靠攝影作品作為設計素材是非常受限的,成本相對也高。所以,一個逆向的做法就是依靠插畫。我們也許都知道,繪畫并不是再現(xiàn)事物原來的樣子,而是重新將你眼中的事物表達出來。也許,你表達的笨拙、可愛、輕松、沉重、怪誕……這些個性化十足的表達就成就了插畫一眼即可辨識的獨特風格。插畫對網頁設計個性的塑造可謂是功不可沒的。況且,插畫的成本也比攝影來得更低,效率也許更高,而又比攝影作品更靈活。假如你想要表達出一個虛擬的場景,攝影作品都需要后期合成,而插畫卻能立即將幻想變?yōu)楣P下的實在。因此,這也是我大力提倡插畫配圖的原因。

網頁的插畫其實無須一定要細節(jié)畢現(xiàn),往往它傳遞的是一種價值、理念主張,而非具備敘事的規(guī)模。

uisdc-201611161

扁平的畫風非常適合網頁端的展示,插畫的對象也許可以是抽象的,模糊的,有的旨在塑造品牌氛圍。

uisdc-201611162uisdc-201611163uisdc-201611164

網頁中插畫的風格選擇是依賴于品牌內容形象的。換句話說,你不能在技術控的頁面上選用中國傳統(tǒng)花鳥畫。當然也有特例,這里我們只總結較為普遍的現(xiàn)象。簡單來看,如果我們把插畫的風格放在一個滑塊里,這個滑塊的左邊一端是寫實,右邊一端是抽象的話,那我們的插畫風格是在這兩端中游移。有的插畫能很好的表現(xiàn)實物的細節(jié),“好像真的那樣”。但這樣的插畫意義并不大,因為如果求真,繪畫永遠不如相機。因此,才有了各具特點的風格化插畫。

學院派

筆觸、紙紋,這些傳統(tǒng)的學院派繪畫所帶來某種底蘊深厚的氛圍,能結合網頁自身的特點,傳遞出品牌的價值。尤其表現(xiàn)了一種“人為”的過程,不僅從視覺上還從觸覺上激發(fā)觀者的想象。這一類風格往往比較寫實,細節(jié)也相對豐富。

素描的特點有某種分析式的古典意味,在下面這個珠寶設計的網頁里表現(xiàn)一種匠心。

uisdc-201611165

具有水彩畫紋理的插畫,在下圖這個度假中心的酒店展示頁面里是一筆非常溫馨、更貼近人的存在,酒店不再高高在上的奢華感,而充滿了人文精神。

uisdc-201611166uisdc-201611167

而如下這個聯(lián)系表格的左側采用一張速寫作為配圖,是想表達一種親近感,設計師并不希望網頁呈現(xiàn)這個時代冷冰冰的距離感,而是通過筆觸就制造親和感。

uisdc-201611168

扁平化

扁平化可以說是網頁設計中用到的最大的畫種,它的扁平特質即失去陰影和高光,從“形”的方面去表達網頁的內容。因此,扁平化插畫繪制起來相對寫實的學院派的插畫更為簡單。它們的表達重點是在于顏色,運用鮮艷的顏色能讓扁平化插畫豐富起來。

將動物的形象繪制出來就能表現(xiàn)一種活潑可愛的感覺。下面這個網頁展示內容原本和技術有關,加入了這些可愛的插畫,就能增加一種輕松的情趣

uisdc-201611169uisdc-2016111610

另外,扁平化也可以是抽象的表達。

uisdc-2016111611

你也可以將一整張網頁當作創(chuàng)作對象,整個頁面的元素都像是浮動在整個畫面的上方。

uisdc-2016111612uisdc-2016111613

由于扁平化失去了細節(jié),如果想要帶來更多“觸感”,可以后期增加一些細微的紋理。

uisdc-2016111614

風格線條

線條是表現(xiàn)插畫內容又一種極具風格特征的形式,線條的風格也決定了整個畫面的風格。這個類別和扁平化非常接近,因為它們都并不在刻畫細節(jié),而是類似一種速寫。

具有幾何特征的線條可以作為插畫配圖,還可以作為背景,即使是小小的幾何線條圍繞成形,都能作為背景使用,而這類風格目前正大行其道。

uisdc-2016111615uisdc-2016111616uisdc-2016111617

下面這類具有簡筆畫特征的插畫,充滿了整個網頁,人物極具詼諧感

uisdc-2016111618uisdc-2016111619

插畫和網頁其他組件的整體風格都同時采用線條,風格一致

uisdc-2016111620uisdc-2016111621

畫影合成

所謂畫影合成就是既有繪制的成分也有攝影的部分,它融合了攝影的“真實”和手繪的“想象”,完成來源生活又超越生活之上的跨越。然而這畢竟是比較少見到的表達形式,除了本身不好駕馭以外,畫面也會因此而變得更復雜。

如果想要用畫影合成作為焦點圖形,可以選擇一些簡單的幾何形。

利用人像與幾何造型、文字的合成,略增加空間感的辦法是相互形成一定的遮擋

uisdc-2016111622

無論哪一種類型的繪畫,在運用到網頁前都必須思考與內容的關聯(lián)性,適合才是最重要的,而非一味尋求好看的原則。

后記

就像攝影作品需要設備和模特布景,傳統(tǒng)的插畫源自手繪或者數碼繪畫,這些我們已熟悉的知識無需贅述,還有很多創(chuàng)意的變體需要設計師的進一步探索。例如,一張繪畫素材和另一張繪畫素材的結合,甚至文字的夸張?zhí)幚淼?。我們不應該將思維封閉在“只產出可預期以內的畫面”,而要在已有的畫面里再進一步修飾以達到整體頁面的要求。

編者注:優(yōu)設現(xiàn)在開放約稿咯,無論是設計趨勢/職場困惑/軟件測評/設計干貨等等,只要與設計師相關,都可以私信主編@3年2班程遠 ,優(yōu)設會邀請國內的頂尖設計團隊/設計大神來解答你的問題喲。

藍藍設計tweetduck.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

 

日歷

鏈接

個人資料

藍藍設計的小編 http://tweetduck.com

存檔

泗洪县| 前郭尔| 葫芦岛市| 抚宁县| 苏州市| 泰宁县| 宁津县| 阿拉善右旗| 庆阳市| 综艺| 分宜县| 富源县| 璧山县| 彩票| 福建省| 获嘉县| 云霄县| 刚察县| 集贤县| 三台县| 兴国县| 新巴尔虎左旗| 玉树县| 阳山县| 增城市| 精河县| 雷州市| 遵化市| 梅州市| 抚州市| 扎赉特旗| 通河县| 涞源县| 凯里市| 兴隆县| 凤山市| 育儿| 布拖县| 澎湖县| 郸城县| 墨脱县|