92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

首頁

多元好玩的科技廟會-好運中國年“新”體驗

博博

本文主要闡述我們是怎樣通過創新來打造一款具有科技感知多元玩法的百度好運中國年活動。


前言

每當臨近春節時,互聯網大廠的新年福利活動都會相擁而至,大家在各種活動中紅包拿到手軟。此時,百度APP的「好運中國年」系列活動也如期與大家見面,毫不吝嗇的把“好運”傳遞給每個用戶。

2019年至今,「好運中國年」已進行了五年,每年都會在品牌和玩法體驗上進行探索與創新,今年進行了更深入的打磨,給用戶一種“新”體驗。在設計理念上,通過具有科技感和年俗氣息的視覺創新,打造一場百度獨有的“科技廟會”;活動玩法方面,較以往也更加豐富,包括了百度經典集卡玩法和多種紅包玩法,給用戶多元有趣的活動體驗。今年春節的活動周期比往年更長,近一個月的好運中國年讓用戶樂此不疲。



打造好玩好逛的科技廟會

活動初期,我們從產品、用戶、社會三個角度進行分析,確定活動的設計目標。

百度APP是百度在移動搜索方向的核心產品,代表了百度先進的搜索技術能力,具備很強的科技屬性。今年團隊設計的重點目標就是將活動與產品屬性相結合,因此今年開始嘗試打造「科技感」春節活動;好的活動體驗可以加深用戶對活動的記憶,為了讓用戶對「好運中國年」印象深刻,我們結合多種玩法營造科技廟會的氛圍;而這么多的活動需要一個“集合體”來承載,“它”既要多元又要契合團隊探索的有社會價值的年俗工藝,因此選用了“廟會”這個形式來承載。

經過分析,最終確定以好玩好逛的“科技廟會”作為本次活動的設計理念,給用戶“新”的體驗感受。



來場對“科技廟會”的探索

“科技廟會”是什么樣子呢?通過將詞拆解的方法,以“科技”和“廟會”為關鍵詞進行思維發散,想象以什么樣的視覺來呈現今年的春節活動。



探索過程中嘗試AI繪畫,用新的科技手段輔助尋找靈感。



定調

經探索,廟會的圖像特征越來越清晰,它是一場熱鬧的具有多元文化載體的文化現象,擁有像舞獅/臺戲/商鋪/古樓/燈籠/風竹等事物,是民間藝術的結合體,描繪了老百姓新年期間的市井生活。



「科技感」則是一種視覺感知,既可以通過點、線、抽象圖形進行感受,是粒子、發光體、光環、全息;又可以通過機器人、移動設備、全息屏幕等具象物體體現,是圖形元素間的動態穿插或是一種變化發展的趨勢。



我們將射線、光環、粒子、全息圖像、速度感圖形等元素植入具有人文特征的廟會中,切入“科技廟會”主題風格,進而確定視覺調性。

最終通過KV將探索的“科技廟會”視覺調性展示出來。打造出的視覺情緒是新奇熱鬧的,整體營造一場充滿科技氛圍的春節集市。以兔子形象IP為故事主體,講述一個“兔年春節逛科技廟會”的世界觀。通過“兔子舞獅”、“古鎮建筑”、“商品小攤”等元素來體現廟會,道路上的全息路標、遠處向上延伸的科技立光、城市建筑上的懸浮光圈來增加科技感。



定義“科技特色”的品牌體系

從確定設計理念開始,今年「好運中國年」的品牌設計就被貼上了“不一樣”的標簽。有別于往年的關鍵點是,需要在字體、圖形和IP上充分體現今年“不一樣”的“科技感”。

品牌字體

首先把“科技感”植入品牌字體中,形成獨特的字體風格?!翱萍肌斌w現的是一種發展與進步、速度與前進,代表了“硬”實力,我們把這種氣質體現在今年的品牌字體中。與去年較圓潤的字體相比,今年的字體更為硬朗,在此基礎上字的斜度統一為12度,起落筆則用“尖角”延伸,整套字體現出科技創新帶來的活力激發。



品牌圖形

輔助圖形是品牌的重要記憶點之一,能夠強化品牌特征,提升用戶對品牌的認知。今年的輔助圖形保留了去年的基礎形,不一樣的是增加了「科技感」特色的圖形元素,結合點、線、以及方格符號元素,進一步烘托科技氛圍,在延續去年視覺感受的基礎上增添了新的概念。



UI組件也注入科技感,在紅包、btn、輔助入口等組件中增加科技感點線元素的點綴,信息載體使用半透明效果的異形面板,指引箭頭則運用馬賽克表現形式。將這些UI組件進行復用,科技氣質貫穿到各活動中,確保在不同玩法上呈現統一的視覺感受。



品牌IP

今年的活動IP形象更具親和力和辨識度。在兔子形象的設定過程中我們嘗試多種頭身比例,最終選用的比例為2:1,大頭形象在面部特征和表情上能夠體現更多細節,使整體更具親和力,同時也可以讓科技感的全息眼鏡顯得更為突出。IP貫穿活動始末,起到統一活動主題調性、強化引導,增加新年氛圍和親和力的作用。



舊瓶裝新酒:經典重塑,打造多元好玩的集卡活動

集卡是百度歷年春節的經典玩法,是用戶最喜愛的玩法之一,也是「好運中國年」系列活動中在線時間最長的活動,無論在視覺還是玩法上都要更加豐富多元。

[一] 玩法升級,傳承創新

過去兩年中,活動采用雙層卡玩法,集齊「好」「運」「中」「國」「年」基礎卡后合成高級卡,集齊高級卡后獎勵會翻倍。然而通過洞察研究發現,用戶在高級卡階段容易失去熱情、感到無聊,由此發現高級卡階段的活動體驗仍有改善空間,因此嘗試在今年進行了“新”的玩法體驗創新。

今年團隊在傳統集卡玩法上探索變化,傳承經典的同時,提出“新”的集卡闖關玩法。用戶集齊「好」「運」「中」「國」「年」基礎卡后,開啟新的階段,合成高級卡獲得新春祝福語圖鑒,通關全套祝福語圖鑒獲得終極獎勵,同時整體降低集卡難度,讓用戶更容易玩下去。



[二] 傳統工藝,氛圍拉滿

“新酒”還體現在工藝的多樣上,與去年單一的年畫工藝相比,今年的集卡高級卡場景中展示了四種工藝,汲取了廟會中出現的民俗文化和民間藝術品-剪紙、燈籠、爆竹、團扇。通過科技感的全息影像將每個場景串聯,打造了一種科技廟會的感知。四個場景從家到國,層層遞進,各場景結構源于品牌logo的熊掌元素,向用戶傳遞著年俗文化、透傳品牌,宣揚科技興國的理念。



燈籠

說到春節,家家戶戶都會準備各式各樣的燈籠來期盼闔家團圓。

因此活動中選擇燈籠做為構建高級卡場景一的主元素,同時也是文字的主承載物,每個燈籠呈現不同的造型,「團」字的兔子造型和場景中的兔子IP,來呼應兔年生肖。通過地臺上的廟會建筑和糖葫蘆等元素的結合營造出廟會年俗氛圍。

卡片則采用了較高挑的燈籠輪廓做為基礎造型,強化卡片屬性,也能夠更好的承載文字和品牌的透傳。



剪紙

剪紙藝術作為高級卡第二個場景的視覺呈現,帶領用戶感受其豐富內涵,感受設計對民俗生活的理解、對生活之美的追求。

場景中高級卡下端增加了以全息影像方式展現的廟會場景,同樣營造出科技廟會的氛圍。



爆竹

隨著春節的腳步越來越近,人們最期待的便是新年的第一聲爆竹,中國的爆竹文化,蘊含著華夏兒女的精神寄寓,表達著所有民族的共同期盼。近年來,隨著大眾環保意識的加強,爆竹聲已離我們逐漸遠去。因此,“爆竹”元素做為第三關高級卡的主元素,目的是為用戶營造久違的爆竹帶春聲,配合一席冬雪,向用戶描繪大自然對大地和人類的厚愛。



團扇

團扇是中國傳統工藝品及藝術品,有著深厚的文化底蘊。同樣寓意著吉祥如意。結合卡面文字,第四個高級卡主元素被設定為團扇。其外觀分別為圓形、花瓣形、芭蕉式等。通過設計手法展現團扇的刺繡工藝,細致到邊角和裝飾。而場景層則通過掐絲琺瑯的形式向用戶展現了祖國的大好河山??ǖ暮竺孢€點綴了具有科技屬性的衛星元素,預示著未來科技的蓬勃發展。



[三] 科技廟會,獨具特色

集卡是好運中國年系列活動中最先與大家見面的,為了讓用戶了解陸續開啟的更多活動,我們在集卡活動頁下方開辟了一個活動聚合專區,在設計上將傳統與科技融合,打造了一個豐富又獨具特色的廟會場景。前期提煉的科技元素轉化為環繞道路的彩色全息路標,行駛中的百度無人車,LED光感的廟會建筑等,與各活動入口共同打造一個科技感十足的廟會街道。



親朋共團圓:疫情后我們第一次團聚

在過去新冠疫情肆虐的三年中,大家與親人朋友團聚的機會變得格外珍貴。在后疫情時代的第一個新年,活動從除夕到元宵節,逐步開啟多個紅包福利活動,與去年相比,在玩法上更多樣,增加了3個邀好友和2個紅包雨活動,為用戶與親朋創造了豐富多樣的線上互動場景。

除夕和元宵節是春節的首尾時刻,通過紅包雨游戲為用戶發放福利。在除夕夜,特別開設了多個時段的大額紅包玩法,用戶與家人一起守歲搶紅包、迎接新年到來。



團圓紅包、新春大紅包、開工領紅包,是春節系列活動中的3個各不相同的邀好友活動,我們通過差異化的設計形態,向用戶呈現豐富多樣的紅包福利。



在春節假期到來前,團圓紅包活動的互動方式主打線上分享,提前為用戶創造與家人線上聯系領福利的場景。

而在春節假期后期推出的掃碼領紅包活動中,迎合朋友見面聚會場景,設計上強化掃碼互動方式,便于線下面對面拉好友參與。

開工領現金是今年百度春節新增的特殊玩法,貼合新年后開工利是的現代習俗,吸引用戶向身邊的同事朋友分享這份好彩頭。

年俗文化鏈通全局

當然這些活動的視覺也少不了科技和年俗文化的碰撞,將這些細節元素貫穿在各個活動中給用戶更加統一完整的沉浸體驗,如此多的年俗物件,是在去年活動中沒出現過的。



傾聽用戶聲音,點滴之中打磨更好的細節體驗

今年的“新”體驗也體現在我們的細節打磨上。秉承用戶體驗至上的原則,從去年春節活動開始,團隊嘗試通過投放問卷了解用戶參與活動的感受,在今年為用戶打造了更好的細節體驗。

通過細致入微的設計思考、克制的細節處理,打磨出「更簡單」、「更生活」、「更生動」的體驗。在今年的體驗反饋中,獲得了很多用戶的稱贊。



[更生活]

更生活體現在高級卡的場景設計上,將燈籠的點亮態和未點亮態通過顏色和質感進行區分,通過集卡逐一點亮燈籠,制造小的驚喜點,寓意照亮全家人的平安與幸福。



[更簡單]

為了讓活動更易于上手,我們將主頁和彈窗中的主按鈕文字放大,提高主按鈕的視覺層級,這種設計讓白發人群也可輕松參與到活動中。



同樣的,掃碼活動中二維碼的展示也進行了放大處理,節省了點擊再放大的步驟,更便于識別和用戶之間的面對面分享。



[更生動]

在紅包雨活動中,為了保證用戶的游戲體驗,使用了二維游戲引擎,增強動畫流暢度。同時在多種道具上增加了點擊實時反饋,強化道具的生命力。



在開工領紅包活動中使用動作捕捉數據,讓人物的動作更真實,更靈活。同時設計了金幣的碰撞反饋,提升用戶的點擊感和爽感。給用戶更好的游戲感體驗。




作者:百度MEUX來源:站酷

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

設計中的配圖知識

博博

前言

配圖是我們平時在設計工作中經常用到的,一個好的配圖很多時候會直接影響到一個作品的好壞,圖片本身也是一種視覺語言,通過學習跨領域的知識可以幫助我們提升自身所處的領域設計能力,本篇文章和大家討論一些構圖和景別知識,通過對這些知識的了解判斷如何選擇一個好的配圖以及怎么應用好配圖,大多數設計師選擇配圖時都是憑著主觀意識在選擇配圖,你所選擇的配圖很大程度會受到你的主觀意識的影響,這些主觀意識來源于自身審美、文化、環境等因素的,因此在我們的主觀意識基礎上,應該具備一定的客觀依據來幫助我們更好的選擇合適的配圖。

構圖與景別知識在攝影、繪畫、影視中應用很多,但很多設計師容易忽視這些知識,這些知識看似是攝影、繪畫、影視等行業的知識與設計好像沒太大關系,這些知識也是很有必要學習的的理論知識,對構圖景別的理解很大程度會影響你能否把握好設計畫面中的配圖,配圖本身也是一種視覺語言,提升構圖和景別知識對設計師整體綜合實力提升是有幫助的,當你做三維和插畫等設計時同樣也會用到這些知識,了解這些知識會讓你以客觀依據的角度,運用和判斷設計中配圖的好與壞。

01 關于構圖

目前來看幾乎所有的藝術或商業作品,無論是攝影、繪畫、CG等都離不開畫面的構圖與結構,你甚至能在很多繪畫大師的的經典作品中看到他們作品中也使用了構圖理論,合理的構圖作品,給觀眾美的視覺享受和與眾不同的情感體驗,同時提升畫面表現,關于構圖的知識很寬泛,構圖方式方法也非常多,有的作品中可能包含多種構圖形式,這里給大家大致介紹一些常見的構圖知識,目的是拋磚引玉讓大家意識到良好的構圖能平衡畫面同時,傳達出更清晰明確的圖像信息。

1.1 中心構圖

中心構圖是將畫面主體放置在畫面的視覺中心,讓主體成為整個畫面的視覺焦點,通過周圍環境氛圍烘托畫面主體,這種構圖形式聚焦主體,能更好的凸顯畫面主體。



1.2 一點透視

一點透視構圖有較強的空間感和縱深感,畫面的元素會向中心聚焦,會把觀眾的視覺引導向畫面中心,比較適合表現畫面空間感。



1.3 黃金法則

黃金法則構圖遵循古希臘學者畢達哥拉斯的黃金分割比例進行構圖,也就是我們常說的 0.618:1,黃金法則構圖有采用像三分法那樣井字構圖,還有采用黃金螺旋的構圖方式,構圖時將主題放置在黃金比例焦點或線上。



1.4 對角線構圖

對角線構圖中主體在畫面的對角線位置排列,對角線構圖視覺沖擊強,具有動感和不穩定性,更使畫面更有趣味和視覺張力。



1.5 三角形構圖

主體在畫面中呈三角形狀,正三角形構圖畫面更具穩定性,反之倒三角形構圖會使畫面有緊張感和不穩定性。



1.6 字母形構圖

字母形構圖畫面呈現字母形態,不同的字母構圖會給觀眾帶來不同的視覺感受,S 形構圖是一種比較常見的構圖形式,S 形構圖迂回延伸使畫面產生優美、雅致、韻律感。



1.7 引導線構圖

引導性構圖利用畫面中有形或無形的線,引導觀眾的視覺聚焦到畫面的重點,引線不一定是一條線,它是一種具有引導性的東西,光影、道路、河流等都可以做為引導線,引導性構圖視覺表現強,引導觀眾視線突出主體。



1.8 三分構圖

三分構圖是最常用的構圖方法,結構由兩條豎線和兩條橫線構成,形成一個井字,也叫井字構圖法,在三分構圖中主體通常放置在四個交點上或線條上,三分法是比較常見的構圖形式,可以在很多攝影和繪畫作品中看到。



1.9 對稱構圖

對稱構圖是根據對稱軸,使畫面形成的對稱的構圖形式,比較常見的對稱構圖上下對稱、左右對稱,對稱構圖具有平衡性、穩定性、均衡性。



1.10 水平線構圖

水平線構圖也是比較常見的一種構圖,水平線構圖通常表現寬廣的場景,地平線、海面、湖面等主題,水平線構圖給人寬闊、穩定、平靜、舒適的感覺,水平線構圖主要是是采用橫畫幅來表現。



1.11 垂直線構圖

垂直線構圖中主體呈現為垂直的線條,垂直線構圖給人高聳、莊嚴、挺拔的感覺,具有較強的視覺張力,錘子線構圖常采用豎畫幅來表現。



1.12 十字形構圖

十字形構圖是水平線和垂直線的組合,十字形構圖畫面會給人平穩、安全、嚴肅、神秘的感覺。



1.13 夸張透視

夸張透視會以比較特別和夸張的的視角表現畫面和主體,使畫面整體都具有強大的視覺張力和沖擊力。



1.14 虛實對比

虛實對比通過主體和背景的間的虛與實對比,從而突出畫面主體,虛實對比使畫面更有層次和空間感。



1.15 明暗對比

明暗對比通常以暗襯托明,在視覺感受中越暗感覺離我們越遠,越明亮感覺離我們越近,明暗對比對比可以使畫面更有立體感,層次感等,通過畫面中的明暗對比形成的強烈反差,可以凸顯畫面中主體,引導觀眾視線到主體上。



1.16 色彩對比

色彩對比中包含三個要素色相對比、純度對比、明度對比,同時根據色環中的色相變化,還可以分為同類色對比、鄰近色對比、對比色對比、互補色對比,色相角度變化越大對比月強烈,通過色彩對比可以突出畫面重點、豐富畫面、提升畫面層次,背景色彩與主體色彩形成對比,能凸顯畫面主體。



1.17 奇數原則

奇數原則畫面通常是一個、三個或五個主體,通常不超過七個,超過七個時觀眾會將其視為一個整體,當畫面中為主體為奇數時,在視覺上會比偶數更和諧、更美觀。



1.18 視覺引導

視覺引導通過畫面內容引導用戶視覺,視覺引導形式有很多種,人物或動物直視、運動方向、肢體語言等,都可以引導用戶在觀看畫面時的視線運動。



1.19 大小對比

通過大小對比使主體與周圍元素形成差異化的視覺沖突,同時大小對比中的次要元素還可以作為比例參考,突出主體的大小,強烈的視覺落差增強版面節奏。



02 關于景別

裁剪圖片為不同景別的圖片對板式設計也有很大影響,不同景別的圖片傳達的視覺語言也是不同的,哪怕是圖片朝向的位置都值得我們仔細思考,在配圖時我們要思考通過圖片傳達什么視覺信息給觀眾,所以在我們做設計時,要想清楚當前頁面要傳達什么樣的信息從而采用什么樣的景別。

2.1 大遠景

大遠景通常表現廣闊氣勢宏偉的場景,大遠景的空間感非常強,強化景物與環境的關系,主體相對較小與場景形成強烈的大小對比。



2.2 遠景

遠景營造主體與場景的關系,通過畫面場景敘述主體和場景的關系,遠景具有較強的空間感,具有開闊的畫面場景。



2.3 全景

全景通過場景來體現主體的處境,利用人物和場景的關系強化主題,全景中主體會被強化形成明顯的內容中心,從而弱化場景。



2.4 中景

中景表現主要表現人物膝蓋以上,在中景中人物在畫面中的占比更大更為突出,人物會被強化,同時弱化場景。



2.5 近景

近景主要表現人物胸部以上,畫面中人物或主體會占有主導地位,強調人物的情感特征,通過細微人物的動作、肢體語言、表情等表現畫面主題。



2.6 特寫

特寫主要表現人物肩部以上或主體的細微部分,主體被放大,場景弱化到難以分辨,強調主體的情感、心理或產品的工藝結構等。



2.7 大特寫

大特寫會將主題放的更大,展現主體的局部細節,大特寫具有強調和突出主體細節特征的作用,具有極強的視覺效果。



寫在最后

配圖知識是設計師在平時工作或設計練習中必備知識,很多時候我們在選擇配圖時完全是憑感覺在選,圖片也是一種視覺語言,作品整體質量也會受到配圖的影響,本次配圖知識分享希望能幫助大家在之后選擇設計配圖時,在主觀意識判斷的基礎上有一個客觀的依據,寫這篇文章的同時,我也正好根據文章大綱做了一套板式練習作為文章配圖,最后給大家分享幾個高質量的圖片網站(需要翻墻)

圖片網站分享

攝影類圖片
https://unsplash.com/
https://burst.shopify.com/

CG類圖片
https://www.deviantart.com/
https://wallhaven.cc/


作者:Tomato76      來源:站酷



藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 



藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

科幻機甲風格海報怎么做?

seo達人

圖片

我們在去做這種類型的風格時,要學會總結,機能風的海報版面雖然整體呈現較為復雜的效果,但如果仔細觀察,基礎的元素都比較簡單。

 

大家在做之前可以去先總結,通過觀察這類作品可以得到以下元素,比如:

01. 電子元件/芯片

02. 機械感元素

03. 不規則標簽

04. 警告符號,裝飾性符號等

05. 黑白灰及熒光色的搭配使用 

 

圖片

然后我在準備教程案例就開始畫呀畫,畫了蠻多適合應用在機能風格海報中的元素,最后干脆想了一下,那就索性把所有的畫完,源文件都送給大家吧…

教程突然就變成了素材分享…

下面我們來先看一下本期分享的素材,總共分為四個部分,每個部分的形狀細節都有不同的差別。

圖片

圖片

圖片

圖片

但是下載素材只是第一步,很多同學平時電腦里也攢了不少素材了,誤以為收藏等于學會,下載等于精通…

設計畢竟是個手藝活,還是要動手試試才知道怎么使用。

 

 

圖片

01、首先我們從我給的素材里面挑選幾個元素,我這里選擇了三個,大中小。

圖片

02、人物摳圖后,先觀察一下,人物本身自帶了黃色的輪廓光,那么主色我們就盡量要選擇黃色了,畫面才會有合理性。

圖片

03、這一步就是將圖形按照較為平衡的構圖方式進行放置,可以和人物有適當的疊壓穿插關系。

為了避免圖形太過零碎,強烈建議大家可以先以一個大色塊為主,可以避免主體散亂。

圖片

04、接下來將文字信息進行空白處放置,注意這里比較主要的信息就三塊,人名,活動名稱,時間地點,編排上主要突出這三個部分即可。

多余的裝飾性英文信息適當縮小,起到一個點綴的作用就可以了。

圖片

05、最后添加一個紙張褶皺的效果,因為我元素及色彩處理的比較簡單,所以加深質感的處理,可以讓海報更有層次感。

圖片

 

 

 

圖片

接下我們看第二個案例,這個案例我打算使用元素拼接的方式讓畫面更整體,細節可以適當處理多一些。

01、老規矩,開始挑選圖形元素…

挑元素的過程確實是…太爽了,怪不得大家這么喜歡素材,盡管素材是我一個一個畫的,但是我挑的時候也感覺…太方便了…

這里我順便將元素組合了一下并且加了個顏色。

圖片

02、如果只是在畫面中間這樣放置的話,四周缺乏呼應的元素,所以大家可以根據已經選好的圖形特征自己簡單畫一些。

效果如下,是不是感覺完整性好多了。

圖片

03、然后圖片放置進圖形中,圖片整體也是呈現紅色調的,所以整體的色彩和元素我已經用了紅色,那么建議重點的信息在這里都用白色,可以簡單做一個色彩突出的作用。

無論裝飾元素和文字有多少,最終還是要想辦法突出重點信息,這兩者本身并不沖突。

圖片

 

 

圖片

看第三個案例,先選元素。

01、順便選一些簡單的圖形裝飾元素,比如箭頭條形碼等。

圖片

02、這個圖片本身已經蠻好了,底色也很簡單,所以我不打算摳圖了。

圖片

03、接下來注意觀察圖片,底部有大量的黑色,所以我們的標簽部分可以直接放圖片下方就可以了。

其余文字環繞人物進行編排即可。

圖片

04、正在這個案例中,我想添加一下類似毛玻璃和磨砂的效果,增強圖形的質感。

圖片

05、按照這個方法,我為其他地方也添加了這樣的磨砂效果,下圖為最終效果。

圖片

 

 

圖片

01、看第四個案例,先選元素。

其實我個人還是更喜歡這種帶圓角的感覺,感覺有點高端的樣子…

圖片

02、將元素和人物圖片進行合理構圖,其實就是控制每個元素的大小和位置,放置他們的錯落感,保證人臉不要被色塊遮擋,文字信息順便也放置進元素中即可。

圖片

03、還是按照上個案例做磨砂效果的步驟,我們再加幾處磨砂效果。

下圖為最終效果。

圖片

04、注意這里的磨砂效果除了加描邊,我還加了投影,讓整個畫面的色塊錯落有點縱深感。

圖片

 

 

圖片

01、第五個案例我們換一下人物…一個題目做了四個案例,估計大家已經看膩了…挑幾個圖形元素。

圖片

02、我們將圖片和元素做一下結合處理,人物的部分我做了錯位的處理,有點視覺迷幻的效果。

人物名字放置圖片頂部即可。裝飾性文字可以適當的跟元素做一個整體排版處理。

圖片

03、最后,老方法,再加幾個磨砂效果,你別說…這個效果確實有點上頭,普通人受不了這種誘惑…

不要怪我非要做的花里胡哨,花天酒地也不是我想要的方式…

圖片

 

 

圖片

01、第六個案例,還是…

挑幾個圖形元素…

圖片

02、人物圖片本來是這個樣子,背景是白色,不好處理整體的色彩變化,而我…也不想摳圖…

所以在ps里加了一個漸變映射效果。

圖片

03、圖片用一個元素,標題用一個元素,這樣就做好了構圖排版處理。

圖片

04、但是到這一步,畫面還是會有點空空蕩蕩,填充一些呼應的元素即可。

最后,再加入紋理的效果疊上去就可以了。

圖片

 

 

圖片

01、第七個案例,挑幾個細節較為復雜的元素,這次我們是單獨拿來做背景使用。

圖片

02、為了做出層次感,可以給色塊適當添加漸變色和投影,有點立體的效果會更好,因為本來就都是偏白色的,沒有投影和漸變的話效果不明顯。

圖片

03、重點信息我們就用以復本來的顏色就好,可以多一點裝飾性元素作為點綴,不然白色的背景還是有點空,有一些點線面的變化版面會舒服一些。

圖片

04、最后…

再加幾個磨砂玻璃效果…

這次我是真的膩了膩了…

圖片

 

 

圖片

01、第八個案例,元素選好之后,我這里直接處理了漸變的效果,作為背景,有了一點質感。

圖片

02、黑白的人物放上去就很適合,這一步我們就搞定了背景和人物的畫面整體處理。

圖片

03、然后將文字編排進畫面中,但是整體除了黑就是白…

顏色有點太單調了,所以我們要換換顏色。

圖片

04、這個顏色…

就…

挺好…夜店風的感覺…

圖片

 

 

最后來放一下合集

圖片

 

 

原文地址:胡曉波工作室(公眾號)

作者:王猛奇

轉載請注明:學UI網》科幻機甲風格海報怎么做?

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



P了兩個圓,價值800萬?

seo達人


下面這兩個圓大家可能不熟悉,這個是萬事達的最新logo,就是由兩個圓組成,價值800萬。那為什么兩個圓形能夠價值這么多,今天跟大家聊聊,幾何在整個設計中的運用,怎么讓你的圖形更高級。

圖片

圖片來源于網絡,版權歸作者所有

 

一、幾何簡史課 

歐幾里得常被稱為“幾何之父”,因為他寫了一本叫《幾何學》的書,這是數學史上最有影響力的著作之一。

圖片

幾何圖案來源于幾何學,幾何學是數學中對形狀和線與面之間關系的研究。圖案被定義為“重復的裝飾設計”。

在設計中,幾何圖案反復使用形狀和線條來創造引人注目的設計。幾何圖案非常適合用于設計,因為從本質上講,我們的眼睛自然會被它們吸引。通過將幾何圖案與合適的顏色相結合設計引人入勝的視覺內容。

圖片

世界內外的一切都可以通過數學來推斷和理解,這正是許多文化將幾何視為神圣的原因,從一開始就被人類直觀地使用和理解。

因此,幾何形狀和圖案在藝術和設計中具有很大影響力。從伊斯蘭藝術到包豪斯運動、立體主義、裝飾藝術等等,幾何圖案一直并將繼續在設計中發揮關鍵作用。

圖片

我們可以將幾何設計用于從品牌到產品、插畫、網站、應用程序設計等等的任何設計中,下面帶大家看一些幾何圖案在不同設計環境中的運用案例。

 

二、幾何在設計中的運用 

1、平面設計

圖片

雜志封面設計結合了三角形和充滿活力的各種配色,創造出炫酷的圖案,色彩繽紛的效果。

圖片

平面設計師 Atul Charde 設計的長途汽車,展示了幾何圖案可以很好的吸引人的注意力。Charde 還結合了黃色、橙色、海軍藍和白色的配色,創造出一種正在忙碌行駛的感覺,很生動形象的體現了長涂汽車的概念,十分契合產品。

圖片

幾何設計也非常適用于包裝上面,用簡單的形狀組成復雜的圖案來包裝產品。

圖片

這瓶酒使用簡單的線條來創造一個有趣的幾何圖像。這是一個很基本的設計方法,但通過巧妙地結合顏色填充幾何形狀,設計感就出來了。一個復雜的圖案就是由一個簡單的圖形組成的。

圖片

圖片

盧塞恩紐巴德俱樂部音樂會系列海報,用繪畫與幾何的結合,表現了音樂的非常規和自由特點。

閃電形、星形、三角形表達音樂的激烈抑揚頓挫感;圓形、傳達音樂的平靜、緩和感;自由筆觸有序直線,傳達音樂的有序、綿長感。

 

2、品牌

圖片

Nymble 健康套盒品牌視覺提取品牌首字母“N”與人奔跑時的姿態結合,雖然是簡單的幾何線條和點,卻非常有動感,簡潔而傳神。

圖片

圖片

圖片

品牌延展部分是對品牌標志更進一步的理解和演繹,沿用了標志中的點、線元素,通過對點與線的位置、距離、粗細、大小的調整,構建出一整套可變的網格圖案。

圖片

圖片

涉谷時裝周2020-2022的視覺設計用圓形幾何化的視覺語言,將SFW2020組合成圖標,并拆分重組成為輔助圖形,運用到畫面整個體系中。從2020-2022,通過不同視覺展現不同的視覺風格,2022的工業鬼馬感、2021休閑時尚感、復古都市感。

圖片

圖片

玻璃質感和幾何圖形的結合完美詮釋主題,體現宏大精致的美。元素簡潔,通過細膩的質感增加豐富的對比。

圖片

圖片

這是一款國外的披薩品牌的logo設計,特別之處在于logo的名字和圖形看似分開,實則是用一個郵票作為一個整體。圖形的人物是一個由幾何組合,用黃金比例切割出年輕媽媽的樣子。

圖片

圖片

圖片

這是國外的一個茶飲品牌的包裝設計,插畫的人物服裝和植物元素是當地人的特點,設計師將這些具有豐富變化的民俗服裝用幾何圖形有規律的重新組合。

通過將復雜的事物用幾何有規律的概括后,再通過合適的配色,呈現的整體設計感很強。同時在文字以及裝飾框上,也統一用了這種具有民俗風情的風格,在字體上也會用幾何作為流蘇一樣去代替字母一部分的筆畫。

 

3、插畫

圖片

圖片

簡單幾何元素拼綴出的人物、場景,色彩上深淺深的對比,圖形上方圓方對比增添了畫面的呼吸感和視覺沖擊力。

圖片

圖片

這種風格的插畫區別于以往的插畫風格,整體是幾何體和不規則形狀組合而成,噪點的運用和顏色的搭配完美,夸張的手法,大膽的設計讓它脫穎而出。

圖片

無論是簡單的圖案還是復雜的圖案,幾何設計都可以完美地制作出引人注目的壁畫。

 

4、網頁設計

圖片

圖片

這個網頁運用極細的線條,規則的塊面,將界面的功能展示區域分明,簡約不失嚴謹,傳達出品牌的專業度。

圖片

B端設計的頁面采用圓角卡片,以及大規模幾何體使用,界面立體感和層級感比較突出,立體幾何插畫的表現效果很好可以在UI中運用。

圖片

配圖用三維幾何體,搭配很年輕化的色彩風格,顯得畫面感很強。整體色調很舒服,界面干凈整潔,很年輕。

圖片

圖片

這組網頁設計首屏融入幾何元素包裹著主圖,靈動多變的幾何裝飾打破慣性的設計思維,創造出新奇的視覺效果。

圖片

圖片

這個體育網頁頭部使用紅色和黃色,運用對比色,視覺沖擊力強,使用三角形和異形,簡單的幾何圖形,營造頁面的空間感。

圖片

圖片

背景采用柔和的微漸變點綴淡淡幾何圖形,既不會喧賓奪主分散用戶的注意力,又可以避免純色背景的單調。

 

5、UI設計

圖片

這個綠植商店頁面采用大圓角搭配圓潤的線性icon,用幾何拼接形式表現插畫,整體風格自然簡潔。

圖片

這個醫美產品的UI設計,按鈕和產品的背景沿用同類型的幾何圖形,類似超級符號的存在,加深品牌印象的同時,打破常規背景圖的形態,使頁面充滿生機活力,貼合醫美產品賦予肌膚青春活力的初衷。

圖片

從畫面感來看,有點像游戲或者娛樂產品風格的界面。背景用很多幾何元素符號,畫面感很活躍。

圖片

這組啟動頁設計,通過人物和幾何圖形穿插,突出人物主體,拉開主體和幾何形的層次感;并運用色彩疊加的方式,畫面更具青春、趣味和視覺沖擊力。

圖片

圖片

這是一款體育運動場館預訂的產品,用幾何形狀表達不同的運動,簡約又生動,也與整體高級感匹配。

圖片

幾何插畫設計風格,頭部卡片像一個抽象的人物,整體風格偏年輕化,卡片和背景生動有趣不單調,顏色多彩充滿活力。

 

三、最后 

今天的分享就到這里,期待每天一個小知識點,可以給你的設計路上增加一點點能量。

 

原文地址:我們的設計日記(公眾號)

作者:叮當貓

轉載請注明:學UI網》P了兩個圓,價值800萬?

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



必看的線上圖片使用攻略

純純

1-線上圖片的四大類別

2-線上圖片常見的五種處理方式

3-線上圖片使用的五大要點

4-總結



一、線上圖片的四大類別



1、 信息圖片:


在頁面中單獨存在的圖片,以圖片為主要元素傳達給用戶有效信息。


例如好好住APP,它在“看圖板塊”中就使用了信息圖片,重點表現圖片的信息,周圍無任何干擾元素或輔助信息元素。

 

2、 背景圖片:


背景圖片可以用于單個元素,也可以用于整體畫面,主要作用于營造氛圍。


單個元素:例如嘀嗒出行的“優惠券板塊”,把插畫圖片應用在單個卡片中。


整體畫面:例如網易云音樂的“聽歌頁面”,它就把歌曲封面的圖片作為頁面整體的背景。(圖片進行了模糊處理)

 


3、 Banner圖:


作為導航入口,引導用戶點擊進入詳情頁面,在各應用都普遍使用。


Banner圖作為最常見的圖片使用形式之一,大家再熟悉不過了,它可以出現在APP中的各個界面中,如:首頁、個人中心、運營活動頁等等,造作新家APP的首頁就用到了banner圖。


 

4、 信息配圖:


作為文字的輔助元素,圖片的含義需要和文字相符合才能更好地輔助傳達文字的意思,反之會讓用戶覺得困惑。



二、線上圖片常見的五種處理方式


1、圖片遮照:


1-1黑色遮照:

圖片與文字之間加黑色到透明度(10-60%)的遮罩,保證文字內容區域在黑色區域,目的是為了能讓用戶看清文字。

 

1-2顏色遮照:

根據圖片整體的色調,在圖片上加與圖片色調統一的顏色遮照,保證文字的可識別性,不影響圖片的正常顯示。 


1-3漸變遮照:

圖片與文字之間加透明度的漸變遮罩,讓文字顯得更加清晰,使畫面過度更加協調。


 

2、背景模糊:

在很多場景下我們都會采用到封面圖模糊處理后作為背景圖的方案,為保證信息能夠清晰顯示會在背景上加一個深色半透明蒙層。半透明層可以取黑色、深灰色、背景顏色(深),透明度為(25%-40%),它們呈現出來的效果都各有不同,我們可以根據不同的場景選擇不同的方案。


3、圖片圓角:

圖片圓角的使用也是十分有講究,根據不同的產品屬性去設定氣質相符的圓角設計。


小圓角或直角:視覺印象是硬朗、高冷、具有攻擊性的,多用于時尚、高端、沖突感強烈的設計中;


大圓角:視覺映像是有親和力,柔軟,安全的,多用于母嬰產品、二次元產品、娛樂性強的設計中。

 

4、內容出界:

在設計banner圖時我們如果只是在框框里做設計,有時候未免顯得太呆板,我們可以突破畫框讓內容溢出,營造更大的氛圍,近而使整個畫面更具有沖擊力。

 

 5、投影

圖片投影的方式一共分為7大類別,分別為:普通投影、等高線投影、矢量投影、圖層模糊投影、多層投影、移軸模糊投影、手動投影。(投影制作步驟可查看我之前發布的文章《七種投影詳細解析》)。而在線上運用的最多的就是:普通投影、等高線投影、圖片模糊投影,效果如下:



三、線上圖片使用的五大要點


1、文件大小

對于位圖,我們在線上場景中最常使用的文件格式無非是PNG與JPEG(在特殊情況下會用到動畫GIF)。

 

PNG圖片:

無損文件格式,我們UI設計師出圖的首選,不會輕易造成細節像素模糊或輸出文件變色的情況,并且支持alpha通道(透明度)。所以對于高質量圖像文件建議輸出為PNG格式,不過正因為像素無損,所以PNG文件大小相對較大,在特定情況下可以選擇8位處理的做法來減小文件大小,在保證盡可能縮小文件大小的同時,也不會降低圖像質量。

 

JPEG圖片:

JPEG格式會損失掉圖片中的一些像素細節,所以輸出JPEG通常會比輸出PNG的文件大小更小,適用于對于圖片質量要求不過高的場景。并且JPEG格式支持對文件質量進行二次壓縮,我們可以選擇使用JPEG格式質量壓縮的方式,在文件大小和圖像質量之間找到平衡。


2、比例


UI界面中常用的圖片比例是1:1、3:2、4:3、16:9。


1:1

1:1是傳統的120膠片畫幅,也叫大畫幅,因為相機結構和其他一些原因導致了膠片是方形的,此比例更容易將構圖規整的簡單,能突出主體圖片,通常用于頭像、電商圖片等。


3:2

3:2這個尺寸源于135膠卷的比例,采用這一比例并不是因為它是黃金比例,而是由相機的像場大小決定的,這個尺寸運用到線上時適用于以內容為主的應用。

 

4:3

4:3是隨著攝影的發展,微單的出現而誕生的,3:2尺寸與4:3尺寸極為相似,在做設計時很容易混淆,不過在同屏顯示中,4:3的圖片內容顯示略大于3:2,所以4:3尺寸更適用于以圖片為主或圖片與內容比重相同的應用。

 

16:9

16:9是根據人體工程學的研究,發現人的兩只眼睛視野范圍是一個長寬比例為16:9的長方形,所以電視、顯示器行業根據這個的黃金比例尺寸設計產品。這個尺寸的圖片在線上運用于視頻播放的圖片顯示。


3、柵格系統


柵格系統以規則的網絡陣列來指導和規范版面布局以及信息分布,而UI設計里常用的柵格系統是從平面柵格系統中發展起來,柵格系統有時候也稱為網格系統。


柵格系統在圖片的排版布局、尺寸設定方面給了設計者直觀的參考,它讓圖片變得有規律,從而減少了設計決策成本,使整個畫面更加具有條理,讓內容的可讀性變高。

 

移動端常用的柵格系統最小單位為4px(@1x)或3px(@1x),那么我們來看看airbnb是如何用3px(@1x)的柵格系統來確認banner的尺寸大?。╯ketch軟件-顯示-布局,就可以打開柵格系統布局面板):


如上圖,airbnb的柵格系統布局設置總寬為328px(總寬為中間6列+4個間距寬度),偏置為24px(左側初始偏置像素),列數為6(一共分為6列),列寬45px(列數的寬度),間距寬度為12px(當不能除正數時,會自動把間距縮小1px,所以會看到有些間距為11px,有些間距為12px)


當設定好柵格系統后,我們就可以很好的得出圖片的寬度:158px(45+11+45+12+45)。再根據圖片比例的尺寸3:2,我們就可以算出圖片的高度為:106px(158*3x2),所以圖片的像素為:158px X 106px。根據相同的方法,我們可以用柵格系統+尺寸比例得出更多的尺寸大小。(注:不管是3px或4px柵格,都會出現除不整的情況,如上圖中的11px,這個不用擔心,不影響大局。)


4、倍率


在對banner圖進行輸出時要考慮倍率的大小,每個產品會根據產品的特性來決策輸出的倍率,有些產品用二倍圖輸出,有些產品用3倍圖輸出,各有利弊。


標準分辨率的顯示器具有1:1的像素密度(即@1x),其中一個像素占位一個點。高分辨率顯示器具有更高的像素密度, 2倍或3倍的比例系數(即@2x、@3x)。當1倍的位圖放在2倍或3倍的尺寸下時,就會出現圖片損傷現象(失真),那么我們到底該用幾倍圖去制作banner圖呢?


方案一:兩倍圖輸出

優點:導出文件比@3x小,可平衡圖片質量和線上文件大小的一個優質方案。

缺點:雖然@2x可向下適配@1x,但適配@3x放大后圖片會微微模糊,所以我們如果要用@2x導出圖片,那么banner內的文字不能過小或過于密集、粗曠,畫面中也不能出現過多的效果,不然會看出明顯的模糊痕跡(如下圖的頂部文字與按鈕文字放大后就有明顯的模糊痕跡)


方案二:三倍圖輸出

優點:@3x可向下適配@1x與@2x,能夠很好的保證不同尺寸下的圖片質量,對視覺要求高的項目就必須用3倍圖來設計。

缺點:輸出的文件相對較大。


5、圖片適配


圖片的適配類型非常多,對于不同的布局適配場景我們選擇的適配方案也不同,圖片適配一共分為3大類:智能適配、設計師制圖適配、用戶裁剪適配。


1、智能適配:

簡單來說智能適配是指通過后臺代碼的約束對上傳的圖片進行智能匹配,匹配內容包含圖片大小、圖片尺寸以及圖片的展現方式。


圖片大?。嚎梢韵拗粕蟼鲌D片的最大尺寸。

圖片尺寸:可以限制圖片的長(寬)最小值,也可以限制圖片的精準尺寸。

圖片展現方式:可以設定圖片在容器中的呈現方式,下面是最常見的8個圖片呈現方式。


*智能適配之Feed流圖片適配

當你無法保證用戶發幾張圖片,無法預估圖片的比例時,我們就可以去設定它相應的規則使之適配。


*1、單張布局:

不管用戶上傳幾張圖片,Feed流中以一張大圖進行展現,使用大圖布局的圖片適配方式一般有兩種,一種是給予圖片一個容器大小,讓其內容全部展示;另一種是按照圖片的上傳比例而變化。


*1-1給予容器大小

我們可以給予圖片一個容器尺寸(如:300X300px),無論圖片有多大都不能超過此容器,為了讓圖片內容全部展示出來且不變形,我們可以讓圖片保持正比例縮放,使長邊能完全顯示出來(左上或中心區域)。這一類的適配更偏向于以內容為主的產品,下面是常用的兩種適配方案:


*1-2隨圖片比例而變化

如果你想保證圖片最佳的大圖預覽效果,那么就可以采用隨圖片比例而變化的方案,當用戶上傳不同比例的圖片時,圖片展示的高度與寬度會根據我們提供比例縮放。采用該適配方式能將圖片信息表達完善,圖片占用空間大,適合圖片質量高,這一類的適配更偏向于以圖片為主的應用。


要做這類適配時我們首先要設定裁切的比例,裁剪比例一般設置為常用的圖片比例 1:1、4:3、3:2、16:9。我們上傳的圖片可以根據圖片的比例進行自行匹配。當圖片越接近正方形則選擇1:1,當圖片長寬比例越大則選擇16:9。


用戶上傳的很多圖片并不是標準比例,如果存在多余像素,那么可以采用保持圖片正比縮放,從圖片中心區域展示,根據比例一共可以分為7種展現方式:


我們可以看到上圖,根據不同比例的尺寸展現出來的頁面占比也是不同的,如果產品對頁面承載信息量有較高要求,那么可以去除16:9、3:2、4:3的縱向尺寸。



*2、瀑布流:

瀑布流的圖片適配方法需要規定圖片比例,并且每個比例的容器大小是固定的,呈現方式也是保持圖片正比縮放,從圖片中心區域展示。


*3、宮格:

宮格式布局簡單來說就是有規律的方形布局(1:1尺寸),宮格布局的形式多種多樣可以是九宮格、四宮格、三宮格,下面以較為復雜的九宮格的適配為例,當然最好的參考或者最常見的就是微信朋友圈。


2、設計師制圖適配

對于特殊頁面的圖片展示,我們為了呈現最好的視覺效果,需要設計師對圖片進行單獨尺寸的適配設計,并且輸出多個尺寸的圖片進行上傳。

例如在適配開屏頁時就對其進行了單獨的制圖適配,想要讓二倍圖適配三倍圖,最簡單的方法就是把畫面的上下區域留出更多的空間,中心畫面放大10%,可操作按鈕放置畫面安全區域:


如果設計師不進行制圖適配,把適配交給程序處理,那么最終呈現的圖片就會顯得非常糟糕。如下圖1的強行適配,使得整個banner比例非常不協調,讓人看了后覺得十分廉價;下圖2則稍微好一點,雖然保證了畫面的視覺中心,但是整體畫面看起來過于飽滿,沒有任何呼吸感,并且“點擊參與”按鈕過于靠下,容易與home指示器造成誤操作。


3、用戶裁剪適配

當用戶想要呈現某些重要信息或識別性信息時,就可以把主動權交給用戶,讓用戶進行自行裁剪,如頭像、身份證信息。用戶上傳圖片后,我們可以給用戶設定一個默認裁剪區域,當用戶不想進行繁瑣時可以直接默認系統裁剪,如上傳頭像,我們可以把默認區域設置為圖片的中心區域。


小紅書在選擇頭像時默認裁剪區域是圖片的中心區域1:1圓形,并且圖片是短邊顯示,無論什么比例的圖片都能全部展示在選區內,當你想要把圖片脫離到選區外,系統會自動使圖片彈回。未選擇狀態是選區內圖片高清,選區外圖片模糊,選擇狀態則是選區內圖片高清,選區外圖片黑色不透明遮罩(高透明度)。


微信在選擇頭像時默認裁剪區域是圖片的中心區域1:1正方形,圖片一樣是短邊顯示,也不能讓圖片脫離到選區外,但是能拖動并放大縮小選區框。未選擇狀態是選區內圖片高清,選區外圖片有黑色不透明遮罩,選擇狀態則是圖片內容全部高清呈現。



作者:黑獅力   來源:站酷

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



運營設計中的視覺動線

濤濤

我們的作品信息的傳遞效率高嗎?
什么樣的設計是清晰有效的?
想要搞清楚這些問題,首先你得了解視覺動線這個概念。


本文3200字,主要分為三個部分,閱讀時間約15分鐘。



—————   

      動線


動線一詞最早是源自建筑與室內設計領域。指的是人在某個空間內的移動軌跡。例如住宅空間的動線設計,我們會經常聽到動靜分離的概念,講的就是動線的設計。住宅動線的設計目的是提高居住體驗,減少在室內的重復行走軌跡。


例如家務動線的設計,從進門到廚房再到生活陽臺,是家務勞動中最經常行走的路線。通過設計動線,減少家務勞動的行走,就能提高家務勞動的效率。在這里動線越短,效率越高。





在商業建筑領域,動線的設計也被頻繁的運用。例如店鋪的顧客動線設計,通過興趣區吸引顧客,引導顧客盡量多的瀏覽店鋪的商品,從而提高銷售額。商業空間的動線設計講究的是坪效(每平米的銷售額),動線的設計更側重迂回。




還有比如動物園、游樂場的路線設計,就涉及到游玩順序的體驗,以及緩解擁堵等問題。因此動線設計的目的在于提高效率,在家居和商業空間領域已廣泛應用。而在視覺設計領域,也存在動線的概念。



————————

      視覺動線


大家在生活中有沒有遇到這樣的情況,你要找的東西就在眼前,但是找了好久仍然沒有找到。


人眼之所以能看清物體,是因為視網膜中央有個很小的區域叫做中央凹,這個區域集中了大多數的視錐細胞,專門負責視力的高清成像。


但是中央凹的面積極小,高清區域有限。人眼只有在10度視角范圍內才最為敏感,30度范圍內可以分辨出顏色。這就導致人眼可視范圍有限,一次只能產生一個視覺焦點。因此人眼在觀察物體時,沒辦法一下子看到所有信息,需要逐個地移動搜尋,這種視線的移動過程,就構成了視覺動線


例如我們在閱讀文章時,一般是從左到右逐行地閱讀,這個閱讀順序就構成了視覺動線。如果文字的排版過于跳躍,沒有規律,就會造成視覺焦點過多動線混亂的情況,容易出現閱讀障礙,大大影響了閱讀體驗。





在視覺設計中動線的設計尤為重要,例如下圖的banner,左圖動線混亂主次不清。右圖則能清晰地引導觀眾從左到右閱讀信息,降低無效的閱讀成本。
因此構建合理有效的視覺動線,將有助于打造良好的閱讀體驗,能更高效地讓用戶獲取到信息,避免用戶的流失。








我們以運營設計為例,來討論一下常見的動線類型。在運營設計中,banner和活動專題是最為常見的,這類型的設計,畫面往往很有感染力,內容豐富。這里介紹的動線,是指某張banner或者活動頭部同屏類的動線軌跡。一般我們可以將常見的動線分為這幾個類型:直線型、匯聚型、發散型、扇型、以及Z型。


———————

      直線型


直線型動線顧名思義,就是在一條路徑上依次展示信息元素。我們以banner為例來看看如何應用。



在分析動線軌跡的時候,我們應該逐一地尋找視覺焦點。這個案例中我們第一眼看到的是左側的標題,我們稱第一眼看到的焦點為視覺入口點;緊接著視線轉移到了右側的龍身上。這就構成了一條清晰的從左到右的視線軌跡。


banner中只在標題和火焰上使用了色彩,其他背景使用較灰的色系,這使得視覺焦點突出,動線清晰。



2.1.1動線角度  

直線型動線在運用的時候,不一定都是從左到右的橫向角度。常見的有對角線以及豎線的形式。


例如左圖這張banner就是對角線式的動線軌跡。對角線具有傾斜的角度,容易塑造出速度感。因此這樣的動線軌跡往往畫面更加的有動感。而豎向的動線一般用在窄長比例的畫面中,例如手機端的運營活動。右圖的活動頁面就構成了從上到下,從標題到主體人物的動線瀏覽軌跡。



2.1.2視覺焦點個數  

直線型動線中,人們的瀏覽軌跡是根據視覺焦點的位置進行的。在直線上依次排列視覺焦點,但并不是焦點越多越好,一般2-3個視覺焦點較為合理。較多的視覺焦點反而影響閱讀效率。 



———————

      匯聚


匯聚型動線是將用戶的視線聚焦到中心的一種動線軌跡。一般有多個視覺入口點來引導用戶的視線。




例如下面這張banner,我們的視線會先被左右兩側英雄所吸引,延著他們沖刺的方向視線轉移到了中間的標題,這就構成了匯聚型的視覺動線。匯聚型動線在元素擺放上一般具有引導性,最終目的是讓觀眾的視線聚焦到中心,以突出中心的標題或者主體信息。



匯聚型動線的視覺入口點一般在2個以上,例如下面這張活動頭部,通過兩側的煙霧塑造視覺入口點,引導觀眾視線匯聚到中心。是一種側重突出中心內容的動線類型。




———————

      發散


匯聚型動線是由四周向中心聚集的動線軌跡,而發散型動線則相反,它是由中心向四周轉移的動線軌跡。視覺入口點在中心,并逐步向四周擴散的動線類型。



例如下面這個暑假活動頁面,就是視線由中心往四周轉移的發散型動線。我們第一眼會被醒目的標題所吸引,這就是視覺入口點。之后視線逐步地往兩側移動,依次看到人物、書本、臺燈以及兩側的云朵。構成了漸進式的視覺瀏覽軌跡。



而下面這個四周年的活動,最醒目的也是標題,它將觀眾的視線聚焦到了中心,之后逐步向四周發散。按照放射的方向,依次瀏覽了人物、按鈕、獎勵、圓球等信息。


可以看到發散型動線一般運用在有較多信息元素的畫面中,瀏覽順序層層遞進,比較適合對信息元素進行歸類閱讀。


4.1入口點位置 

發散型動線一般是由中心往四周發散,視覺入口點一般在中心線位置。不過入口點也有位于邊緣的情況。例如下面這張banner,作為視覺入口點的人物位于右下角,通過手勢逐步引導觀眾閱讀標題和玩具。是一種單邊發散的動線類型。



——————

      


扇型動線一般會在中心線上塑造一個視覺入口點,之后保持著至上而下、從左到右的視線軌跡,這種軌跡就好比一把扇子。



例如下面這個手機端活動,我們第一眼會被可愛的小狗頭部所吸引,之后視線往下,看到主標題和副標題,并按從左到右的視線軌跡閱讀了標題。這就構成了扇型的動線軌跡。


可以看到扇型的動線軌跡保持了從上到下的結構關系,一般用在畫面較長的版式中。容易塑造至上而下、內容由少及多的閱讀關系。



—————

      Z


Z型動線是最為常見的類型,它遵循了人們從左到右的閱讀順序習慣。并且在長頁面中可以一直做反復的延續。




例如下圖的活動頁面,我們的閱讀順序就是從左到右逐行地掃視關系。先是主標題,再是副標題,最后是木牌上的信息。這構成了循環的Z型動線軌跡。此類動線比較適合應用于文字類信息較多的畫面中。







在動線的設計過程中,比較難的是如何去引導信息之間的先后關系。這里介紹幾種便捷的技巧,如何更有效的來設計動線。


————————

      閱讀順序


第一種就是根據人們的閱讀習慣來設計,也就是從左到右,至上而下的順序。因為人的眼睛,左右轉動所看到的角度和區域,要比上下轉動所看到的要廣闊的多。從左到右也是人們通用的閱讀習慣和標準,橫向閱讀也更為舒適。在設計中我們只需要按照從左至右自上而下的規律來擺放信息元素,就能保證有良好的閱讀體驗。



——————————

      元素指向性


第二種是利用元素本身的指向性來進行引導,特別是主體人物的肢體動作、手勢等。例如下圖中的banner就分別通過人物的眼神和手勢進行引導,讓觀眾的視線轉移到標題上,構成了很強的關聯性。讓動線的引導更為自然緊密。




———————————

      引導線的設計


第三種是引導線的設計,我們可以通過設計一些引導性的線條來引導觀眾的視線。常見的有放射線,或者虛擬的線條。

例如下圖1的banner,就是通過左右兩側放射性的線條來增強引導,讓觀眾的視線匯聚到中心,構成了匯聚型的動線。圖2除了蜘蛛的視線引導外,標題文字的透視處理也構建出一條無形的引導線,讓整個視線的引導更加緊密自然。在元素本身指向性不強的時候,引導線的設計能讓視線的引導更加緊密,有規律。



—————————

      層級的設計


第四種是通過層級關系的設計來構建動線,也是經常要用到的方法,構建層級關系的方式有很多,這里只做簡單介紹,有機會再跟大家交流。


例如下面這個活動頭部,我們的閱讀軌跡是從左到右的關系,先看到左邊的人物然后是標題,最后是右邊的人物,構成了直線型的動線軌跡。如果我們拉開人物之間的空間關系,我們首先會注意到離我們近的物體,依據遠近關系,形成了一條視覺引導軌跡。這就是層級對于視線引導的作用。


通過層級的塑造,可以更有效的來制造動線,引導觀眾的閱讀。



[ 小結 ]


綜上,只要我們能夠理解動線的概念和目的,在排列元素時就能有更清晰的目的性,設計更有方向感。信息的傳遞是我們構建作品和觀眾之間交流的橋梁,也是設計中首要考慮的因素。有效的信息傳遞才能發揮設計最大的價值。以上僅是個人的觀感與體會,希望對大家有幫助。

文章來源:站酷   作者:Tony老司機
分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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



字體設計丨逆反差的知感悟

鶴鶴

前言

2021年至今「逆反差字體」這個原本偏小眾的字體設計風格,從卷土重來到廣泛應用,再次受到諸多設計師的追捧,一股新浪潮撲面而來。


縱觀它的出現、流行與發展,身為設計師,期待本文可以通過對經典設計的客觀分析,蓄力字體設計領域的經驗和技巧,為2022年的創作積累更多靈感。



特征

PART 1.

——————————

商業的發展與驅動

Reverse contrast現在國內被稱為「逆反差字體」。設計師皮特·比亞克(Peter Bi?ak)在2012年發表的文章中曾提到:這種逆反差字體的設計是有意通過違背讀者的預期來吸引注意的,怪異的字母形式在日益飽和的商業信息世界中脫穎而出。



PART 2.

——————————

打破認知 重塑觀感


二十世紀中,荷蘭著名書法家和設計師格里特·諾澤爾(Gerrit Noordzij)倡導以書寫走向作為字體設計的基礎,通過習慣來定義書寫理論:平移和擴張。這個邏輯反映出人們對拉丁字母普遍造型認知:橫細豎粗。


豎筆畫在西文字體中起到承重、平衡結構的作用。如果顛倒粗細對比關系,使其橫粗豎細,就會造成橫向視覺,讓人產生印錯的感覺,這與傳統的三大主流西文字體的設計方法也是相差甚遠。





逆向設計的規則營造出視覺上強烈的差異感,比起普通字體更怪誕、夸張,更具有戲劇性和情緒化,讓人印象深刻。它最大的特點是重構了拉丁字母的視覺比例。經發展,中文表達上使用“逆反差”還是生動準確的。







知丨西字歷史(逆反差字體的思辨)

PART 1-1

——————————

溯源

在商業廣告海報張貼應用中Caslon Italian字體被鑄造出來。這是19世紀初,工業革命在金屬活字印刷領域的一個新奇的創新。



1825年,印刷工和社會改革家托馬斯·卡森·漢薩德(Thomas Curson Hansard)把逆反差字體描述為“排版怪物”。


1854年,French Antique字體發行,造型如鐵軌般的字型引來了一種新的風格——French Clarendon。它在美國廣告制作中展開了大量生產使用。在獲得市場認可后的半個多世紀,它仍在馬戲團的海報和西部電影宣傳上被廣泛應用。




這組彩色的活字印刷樣本,讓逆反差的設計風格在當下更顯復古。


19世紀,在追求創新的歐洲人看來,逆反差字體的古怪造型仍是離經叛道的。而現代設計師則帶著更多反思和辯證,以非傳統的審美來認識這種字體風格。



PART 1-2

——————————

遍布世界

20世紀,逆反差字體的浪潮席卷歐洲。瑞士著名的字體設計師馬克斯·米丁格(Max Miedinger)于 1954年設計了自己的第一款逆反差字體Pro Arte。大名鼎鼎的Helvetica字體就是由他設計的。


20世紀80年代,遠在亞洲的日本也接受了這股“逆浪潮”。當時的動漫和游戲開始風靡,熱血與科幻的世界里結合字體夸張的造型,讓設計簡直天衣無縫。



1980年,在游戲UI中誕生了世界上第一款逆反差像素字體,讓游戲世界充滿著奇幻感。



這種像素化的設計方法,如今是很潮的視覺表達。



80年代,逆反差字體在音樂和書籍等多個包裝領域的應用也是繼往開來。





PART 1-3

——————————

今日應用

逆反差字體從未真正流行但也從未被拋棄過。如今,除了趣味盎然,又增加了更加瘋狂的風格效果,最為典型的是Maelstrom。很多字體的誕生,都證明著逆反差的無無限可能性。




感丨漢字之力(民族文化的養分)

西文有著較為完整的逆反差字體更迭歷史,漢字相對創造力偏弱。中國設計師在進行漢字逆反差設計的探索時,不妨大膽些,打破局限,從中國書法中吸取創作養分,這是民族文化理解上的考驗,也是對民族文化的尊重。



PART 2-1

——————————

漢字書法與逆反差實踐

大多書法風格多變,并沒有嚴謹的橫粗豎細。不過,難得能在清代的漆書中找到橫粗豎細的規律存在,它犧牲了部分漢字的視覺結構,傳達出一種鈍拙感和趣味性,這正是漆書的魅力所在。



漢儀2020年1月出品一款漢儀吉金,靈感來源就是漆書,在其基礎之上造型更加現代。



民國時期,在廣告招貼、書籍封面上,也能發現很多逆反差風格的字體設計。這些都是漢字設計上逆反差的初次實驗。



PART 2-2

——————————

漢字逆反差的設計鑒賞

徐學成是中國第一代字體設計師,在晚年仍堅持實驗性設計的嘗試,1998年他主持設計出華康雅藝體這款逆反差字體。



造字工房也推出過幾款視覺沖擊力強、節奏分明、充滿藝術張力的字體:造字工房溢尚真體、彩體、超凡體等。



3type(三言)設計研發的基本美術體,在2020年10月進入試用階段。它簡單明了,擁有大膽靈動的字形,是為數不多的優秀中字逆反差字體。


基本美術體也是本文的靈感來源。曾路過順愛烤肉公司,被牌匾上的字體所吸引,便開始了我對逆反差風格字體的探索研究。



日本一度受到美國Fantail(扇形尾)風格的西字影響,也展開過一系列的實驗性嘗試。最為典型的是寫研在80年代,推出的「扇尾蘭」字體,它憑借寫研在行業內的影響力得以廣泛的運用。




其后,C&G 花束字體、TA-Sigma字體等,這些極具逆反差風格的扇尾字形也在市場應用中大放異彩。





PART 2-3

——————————

案例賞析

歷經200年的鍛造與發展,逆反差字體如今獲得了越來越多設計師的青睞,中外設計有目共睹。



野獸派美學(The brutalist aesthetic)頻繁的應用于當代平面設計和網頁設計中,逆反差字體有著原始且未經雕琢的質樸風格,往往在簡潔精致的物體上形成鮮明對比,增加設計內容的趣味性。




悟丨關聯與創造(結語)

近兩年,看到了很多比例夸張、造型狂野的驗性字體形式出現,這要歸功于酸性設計的盛行。


酸性設計,是一種主觀情緒化、美感與欲望交織、傳達致幻又辛辣酸澀的一種復雜感受的體現。它強調出了失調和混沌共存的狀態,這和逆反差字體的反叛精神極為契合,二者結合來表達科幻感與未來主義時情緒飽滿而熱烈。希望本文能幫助更多朋友梳理逆反差字體與設計風格的關聯性。




逆反差字體是一場字體設計的視覺革命??此乒终Q,其實是對視覺設計規律的突破與創新,雖“有悖常理”,但并非曇花一現,它在字體設計的歷史上擁有自己長久的舞臺。


任何一個新穎的設計浪潮,都會影響設計師的設計表達。我們能做的就是感受浪潮、尋找源頭、思考走向,隨時精準有力的擁抱變化。


藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

文章來源:站酷 作者:騰訊ISUX
分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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


「克萊因藍」是如何產生的?聊聊背后的極限藝術

濤濤

本次跟大家聊一個比較純粹的藝術風格,英文原名叫“Minimal Art”,為什么一開始就上英文呢,因為這個風格特別多不同的翻譯名,如果只看中文資料有時候你不知道原來不同書籍中談的是同一回事。

我列舉幾個常見的名稱,分別有“減少主義“、”極少主義“、”質樸藝術“、”ABC 藝術“跟”極限藝術“等,因為”Minimal“是極少的意思,所以不同的研究者根據理解作了不同翻譯。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

極限藝術雕塑作品

這個藝術的特征是用極少的形式,極簡單的色彩,通過繪畫或者雕塑來表達一種周密的理念。

“ABC 藝術“這個名稱要特別說明一下,因為 ABC 是拉丁字母表開始的字母,有簡單初步的意思,而且順口,所以在運動初期就有人以這個名字來稱呼。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

極限藝術繪畫作品

在我們的講述內容中,統一以“極限藝術“來稱呼。

大家對這個藝術相信比較陌生,因為確實是比較“脫離群眾“,史太濃可以列舉一個歷史作品拉近這種距離,那就是 1957 年在米蘭畫展上誕生的《純藍》,作者是法國藝術家伊夫·克萊因(Yves Klein)。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

克萊因作品《純藍》

這個作品就是一張圖上鋪滿一片由克萊因自己混合的藍色,其它什么都沒有,但是這個藍色純凈得直擊心靈,藍得很理想,很絕對,展出后馬上引發轟動,克萊因跟他的藍色都一炮而紅,這個藍色就是后來大名鼎鼎的“國際克萊因藍”(International Klein Blue,簡稱 IKB)。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

伊夫·克萊因

說到這里肯定還有朋友不甚了解,不過沒關系,這個“克萊因藍”誕生后曾經火遍過時尚圈,迪奧(Dior)、紀梵希(Givenchy)等大品牌都曾經推出過“克萊因藍”色的服裝設計。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

迪奧曾經推出的“克萊因藍“包包

而在 2021 年時候,這個藍色又再復興,被不少設計師用于商業設計,比如知名設計師潘虎老師不久之前為植物醫生設計的產品包裝就采用了這個“克萊因藍”,效果非常驚艷。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

植物醫生的產品包裝設計

克萊因當時的這個叫《純藍》的作品,就屬于一種極限藝術的一種。

為什么產生極限藝術


今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

“至上主義”繪畫作品

第二個端點就是在 1960 年代的美國,我們先從這里講會比較好理解,因為這個運動其實主要就發生在美國,在歐洲的影響都不算太大。

如果一直有看史太濃「風格列傳」的朋友就清楚,1950-60 年代的美國曾經有過“抽象表現主義”(Abstractexpressionism)跟“波普藝術”兩個重要藝術運動,而極限藝術的誕生跟兩者密切相關。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

抽象表現主義風格作品

此處順便多說一句「風格列傳」的正確“打開方式”,就是每一個篇章的內容雖然各自獨立,但應該順著時間線順序來看,這樣會更加清楚很多藝術風格的承接關系。

因為極限藝術可以說就是針對抽象表現主義與波普藝術而發起的。

極限藝術陣營中的成員認為,抽象表現主義僅僅是表達藝術家一種瞬間的感覺,太不嚴肅,而波普藝術更是刻意要打破藝術中的高低雅俗,是反藝術的行為,這兩種運動對于藝術發展而言都有著高度危害性。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

60 年代的波普風格作品

當然,這是極限藝術陣營的看法,所以它的誕生就是要明確的反對前兩者,并消滅他們。

極限藝術主張藝術創作必須通過精心設計,有周密計劃,而且作品必須是通過高度專業訓練形成的結果,類似抽象表現主義那種隨意性及波普藝術中的平庸商業感都是“垃圾“。

有了戰略目標隨之就是戰術考慮,于是極限藝術的成員們就從 1910 年代時候馬列維奇創作的《白上白》這個作品中找到形式的靈感。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

馬列維奇作品《白上白》

馬列維奇曾經說過:藝術不為政府與宗教服務,不描述行為歷史,僅僅表達客觀對象,表明簡單的客觀對象可以存在,不依賴于任何東西。

這種理念被極限藝術者們十分推崇,聽上去也確實非常高端。

因此至上主義這樣極其簡潔的表現形式就成為極限藝術的首選,由此可見極限藝術在反對“抽象表現主義”的時候,其實也是從他們的源頭“抽象主義”那里分割出來。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

馬列維奇作品《黑色正方形》

這種關系真心不好理解,我舉個宗教發展的例子,比如天主教中曾經分裂出東正教,隨后又再分裂出新教,但三者的主張不相同,而且新教是因為反對前兩者而誕生的,大致這樣,也許還不夠貼切。

極限藝術源自抽象主義還有兩個佐證,就是他們的思想根源除了靠攏馬列維奇,跟“風格派”(詳見「風格列傳」-風格派篇)中蒙德里安(Piet Cornelies Mondrian)的藝術思想也十分一致,蒙德里安認為藝術品被創作出來以前,必須在藝術家的頭腦中完全成熟。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

蒙德里安的風格派作品

蒙德里安的繪畫藝術曾經被我們收錄進抽象主義的范圍進行講述,這里要補充一句,就是關于藝術流派之間的關系難以理清,通常每個研究者都只能是無限接近,或者說各自有一套歸納方法。

另一個佐證就是很多極限藝術家之前就是搞抽象表現主義的,我們后面會介紹一下,這種情況太常見了,比如很多后現代主義設計師是從國際主義陣營中轉變的,超現實主義藝術家很多從達達主義中產生。

我們在談抽象表現主義的時候講過一個分支,就是色域繪畫,其實跟極限藝術在形式上已經非常相似。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

抽象表現主義中的色域繪畫

當然,極限藝術家們指責抽象表現主義與波普藝術的作品沒有思考是有些過分與不厚道的,等于說人家混飯吃,也等于一些甲方苛責設計師設計出品不上心一樣,這些其實都無法證明,只能是主觀感受或者是刻意發難。

那么,極限藝術在抨擊他人的時候,自身的表現形式有什么特點呢,我們接下來看看。

表現形式與奠基人

其實馬列維奇的至上主義具有很理性的本質,簡潔圖形的背后都有嚴謹的數學與幾何思維,這一點就屬于極限藝術的理論基礎。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

馬列維奇

他跟馬列維奇是老鄉,構成主義跟至上主義有著師承關系,意思是構成主義的一些思路源自至上主義,兩種風格基本上是并行發展的,而構成主義更偏向設計這個端口多一些。

塔特林當時提出過一個藝術理念,就是:真實的空間感與真實的質感。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

工作中的塔特林

這種理念跟至上主義一樣,都尊崇嚴謹的理性主義及數學思維,再形成審美品味,而且是一種比較曲高和寡的高度審美化。

塔特林的這個理念后來主要體現在極限藝術的雕塑作品中。

這里我想到了古龍小說中的小李飛刀李尋歡,他的武功特點就是不管對方怎么厲害,他都是一刀解決,所謂“小李飛刀,例不虛發”,沒有任何花哨的招式,一招致命。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

《小李飛刀》又名《多情劍客無情劍》

確實是種深不可測的武功,這個時候我們再回看克萊因的《純藍》也許就是這種味道。

但如果你讓我說清楚《純藍》到底表達了什么,坦白說不可能,我不認為除了作者之外有人有資格談作品的創作概念,如果談都是扯淡居多,賞析沒問題,可以談感受,或者揣摩作者想法。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

克萊因作品《純藍》

但有一點可以肯定,克萊因調出這個顏色花的功夫費的心思不亞于愛迪生研究他的電燈泡。

極限藝術正式的開始被定義在 1959 年,當時美國紐約的現代藝術博物館舉辦了一個畫展,一名 23 歲名叫法蘭克·史提拉(Frank Stella)的青年藝術家展出一張名為《16 個美國人》的作品。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

史提拉作品《16 個美國人》

作品畫面空空如也,只是黑色畫面上有簡單白色直線條,非常耐人尋味,但產生很大影響,極限藝術第一槍就這樣打響,或者說浮出水面,開始逐漸形成流派與理論。

這個風格另外還有兩位重要奠基人,分別是巴涅特·紐曼(Barnett Newman)及阿德·萊因哈特(Ad Reinhardt),兩人最初也是活躍于抽象表現主義陣營,后來投身到極限藝術的探索。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

紐曼與萊因哈特

先說一下紐曼,他在美國屬于波蘭的移民,生于 1905 年,1922 年開始學習繪畫與藝術,1930 年代之后逐漸全職從事藝術創作。

1948 年時候,43 歲的他創作了一張名為《溫曼一號》(Onement 1)的繪畫,畫面就是黑紅的底色上畫了一條橙黃色條紋,非常簡單,屬于極限藝術的潛伏期作品。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

《溫曼一號》

紐曼從這個作品開始就一直以這種風格進行創作,他的作品尺寸非常大,而且幾乎都是一個底色上畫些橫線或者畫些豎線,然后就沒有然后了。

所以當他在 1950 年開始搞個展的時候引發藝術評論界的批判,因為也有混飯吃的嫌疑,直到 1960 年代極限藝術理論體系逐步完善,而且有走紅跡象的時候評論界才改變對他的態度,轉而將他奉為極限藝術的大師。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

紐曼的極限藝術繪畫作品

所以有時候,成也媒體敗也媒體,評論界有一部分評論家對藝術的評價常常見風使舵,針對自身利益出發,比如希望吸引大家注意力,就像如今很多吃“人血饅頭”的自媒體。

不管如何,60 年代的紐曼成名了,然后他的作品影響另一位藝術家,那就是前面談到的另一位奠基人阿德·萊因哈特。

萊因哈特比紐曼年輕 8 歲,生于 1913 年,早年從學習設計轉而進修藝術,1937 年到 1947 年期間都是抽象表現主義流派的成員。

他的早期作品色彩鮮艷明亮,有著硬邊幾何的形式風格,有點像立體主義,也像風格派。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

萊因哈特早期作品

1950 年代開始他就將自己的創作形式變得越來越簡單,比如將作品限制在單色范圍,而到了 1960 年代,因為紐曼的影響,他堅決投身于極限藝術的創作中。

他的作品開始表現變得更加極致,大部分都是采用不同明暗程度的黑色長方形進行重疊,非常單純,如果用前些年比較流行的網絡語句來形容看他的畫,就是“看了個寂寞”。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

萊因哈特極限藝術繪畫作品

萊因哈特除了創作之外,熱心于通過寫作及演講來推廣極限藝術,產生不錯的效果,所以大家將其視為極限藝術的奠基人之一。

極限藝術與雕塑

極限藝術除了在繪畫中表現,還有一個重要載體是雕塑。

有些從事極限藝術的藝術家本身橫跨繪畫與雕塑兩個領域,其中最突出的就是法蘭克·史提拉(Frank Stella)。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

法蘭克·史提拉

他被譽為美國最知名的極限藝術大師,原因在于他的作品有強烈個人特色,早期主要進行繪畫創作,隨之轉向雕塑與裝置,正是雕塑作品讓他成了大名。

史提拉成大名的原因在于他反其道而行,不是采用“少即是多”(Less is more)的原則,而是“多即是少”(More is less),將作品做得非常繁雜。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

史提拉的繪畫作品

這里很多朋友就奇怪了,那不是跟極限藝術中的“極少”產生矛盾嗎?所以史提拉是將極限藝術拔高到哲學高度,讓人產生深刻的思辨。

情況如同硬幣的兩面,如果在一張白色畫紙上只畫上一筆黑色,大家的注意力就只集中黑色,但當黑色的筆畫不停增加,直到最后只剩下一小片白色底色時,大家則變成關注白色,所以“以少見多”變成了“以多見少”。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

史提拉的繪畫作品

再比如一個人最開始只擁有一個專業身份的時候,他感覺很少,但其實因為這種少形成的專注讓他擁有更多,分別是專業領域深度上的多跟時間自由上的多,因為專業上的極致能讓回報更大,越到后面越輕松自如,能騰出更多時間放在生活。

而當身份越來越多自以為擁有更多時,因為散焦反而讓收獲更少,疲于奔命失去生活。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

史提拉的繪畫作品

舉個更現實的例子,當你買多一部車或者買多一套房子的時候,確實物質的擁有多了,但會相應產生一系列更多的問題,比如忙于車的停放、保養、改裝,俱樂部活動。

擁有多一套房子就要多思考新的裝修,擺設,還不得不做更多工作還貸,所以這時候“多”與“少”讓人迷惑,根本無法分辨清楚到底是多還是少。

史提拉在這方面最著名的雕塑作品是 1990 年創作的《梅杜莎之筏·之一》(法國浪漫主義畫家席里柯有同名作品《梅杜莎之筏》)。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

史提拉作品《梅杜莎之筏·之一》

這個作品使用一個堅固的金屬支架,橫向支撐出一大堆支離破碎,纏繞在一起的金屬片、金屬線與金屬構件,看上去就是一團亂糟糟。

史提拉對這個作品沒有作任何解釋,他說作品沒有象征意義,沒有隱喻,所有內容與思想都在作品本身,大家只需要觀察,這一點倒是很符合前面談到的塔特林藝術理念,就是:真實的空間感與真實的質感。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

史提拉的其它雕塑作品

其他極限藝術的雕塑作品則跟主流的極限藝術繪畫差不多,都是用最少最簡單的形式進行創作。

比如卡爾·安德勒(CarlAndre)在 1969 年創作的《鎂和鎂》(Magnesium-Magnesiumplain),其實就是用 30 厘米見方的鎂金屬以 6*6 的數量(有一個版本是 12*12)鋪在地上,簡單到不得了。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

安德勒作品《鎂和鎂》

展覽過程中也沒設阻擋,所以經常有觀眾很自然的從上面走過,以為是金屬地板。

安德勒的創作特點就是喜歡采用現成品以數學的韻律進行不同方式的組合、排列、堆砌形成簡單的雕塑,大部分是金屬片材、磚頭、木塊等。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

安德勒與他的雕塑作品

還有一位知名的極限藝術雕塑家名為羅伯特·莫里斯(Robert Morris)。

他在 1988 年時候創作名為《艾爾斯》(The Ells)的雕塑作品,其實就是三個 L 字形狀的鐵籠用非對稱的方法進行擺設。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

莫里斯作品《艾爾斯》

莫里斯有時候也很喜歡采用圓形進行創作,這種幾何中最基本的形式被很多極限藝術家喜愛,因為圓形統一又簡單,同時具有飽滿的形式特點,他的作品常有這種元素。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

莫里斯極限藝術雕塑作品

極限藝術的雕塑情況大致如此,余不一一。

結案陳詞

極限藝術其實發展到如今都仍然存在,但聲勢明顯變得比較弱,因為他主力反對的抽象表現主義及波普藝術都衰退了,等于也失去發展的著力點。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

現代家居中的極限藝術裝飾畫

情況就如同商業市場,百事可樂需要可口可樂的存在,麥當勞需要肯德基的存在,所謂遇強越強,對手變弱甚至消失,也會讓自己也不再進步甚至消亡。

我們如今還經常會聽到設計中的 “極簡主義”,其實并非完全一回事, “極簡主義”更多是種延展的設計概念,還是屬于基于功能問題為基礎的形式考慮,而極限藝術不需要考慮任何功能。

今年最火的「克萊因藍」是如何產生的?聊聊背后的極限藝術

極限藝術海報《皮爾斯怪獸公司》

在一些概念海報,裝飾畫或者公眾裝置藝術中極限藝術仍然適用,至于怎么才能真正用好,這期分享相信一定對你有所幫助。

文章來源:優設   作者:設計史太濃VS遠麥劉斌


分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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



如何把握好平面設計中的節奏感?

濤濤

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!

如何把握好平面設計中的節奏感?來看高手的分析!


藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

文章來源:優設  作者:美工美邦
分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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


UI設計師如何高效支援Banner設計需求

濤濤


為什么需要高效?


當下互聯網進入以內容運營為核心的時代,市場競爭激烈,需要對于市場的熱點進行快速反應,持續迭代。不管是大廠還是小廠的UI設計師多多少少需要支援運營需求。U1S1 做簡單運營圖對于體驗設計方向的設計師來說,性價比確實有點低,一般難度較高的運營設計需求都由專業的視覺設計師來做,體驗設計師一般接到的都是比較簡單或者緊急的需求,這對于設計的能力提升來說是比較有限的,大量的時間被占用在運營設計上,持續被榨干,有些本末倒置,但人生就是這么操蛋,總得想辦法解決。



Banner構成拆解


就目前大部分互聯產品的Banner而言。

其構成一般由標題文案、主體元素(人物、物品等)、背景(場景、底色等)元素構成。



模板化沉淀


面向設計師:模板化運營設計 + 素材資源同步盤

第一種方法是本文的核心方法,原理很簡單,其實就是利用Sketch和或者Figma的組件化(為了統一語義本文統一稱為組件,其子集為用例)進行設計。

我們將這些元素分別打包成組件.



把組件的用例調整后放置在預覽區所有不同尺寸的畫板中。

當出現需要特殊調整的時候可以解綁微調。如果希望給畫面添加一些細節的話,再另外添加即可~


這么一波操作,大概1個多鐘就可以輸出一整套7個圖,足以應付一周22套運營圖的需求了(悲傷的故事)


當然要達到這種速度還需要一個通用素材庫的加持??臻e時間把一些KV的圖素拆出來放到Eagle共享盤,這樣你和你的小伙伴們就可以高效愉快地拉圖了...



面向運營同學:創客貼等第三方設計平臺

在創客貼搞個團隊模式,然后設計師把常用的一些模板上傳上去,運營同學只要自己改改文案,換換人就可以啦



設計規范制定


雖然有了模板化的設計工具,但如果缺少了設計規范的引導,就會宛如脫韁野馬,設計出各種偏離業務需求或風格不一致的Banner出來。

設計規范需要與運營同學共同協商制定,比如標題最長長度、排版構圖、圖素尺寸等等。具體規范需要根據不同的業務需求進行定制化。

下面就以我們團隊的制定方式作為范例說明一下。



排版構圖

常規的排版構圖模式有居中式構圖、左右構圖。

居中式構圖:居中式構圖是將主體放置畫面的中心進行構圖。這種構圖方式這種構圖方式的最大優點就在于主體突出、明確而且畫面容易取得左右平衡的效果

左右式構圖:左右構圖將文字標題元素和主體物按照比例分割進行位置安排。符合用戶閱讀習慣:閱讀視線要符合用戶從左到右或從上到下的瀏覽習慣。



尺寸

Banner的尺寸需要根據UI界面的需求進行制定。

例如針對我司的產品,一個活動最多有7個運營位的樣式,分別在首頁、搜索位、文章封面、活動中心、閃屏等。


標題長度限制

由于運營同學有時候對于標題的長度沒有經過精簡優化,標題特別長長長長長長長長,加上Banner本身就小,在手機屏幕上基本看不清,也就沒有意義了。因此需要共同制定好主標題副標題長度限制,超過就直接打回重改。


出血設置

制定出血位的原因是某些尺寸的圖素可能出現在多個不同的入口,以及不同尺寸的手機屏幕可能會出現裁剪的現象。



視覺走查


不論是設計師也好,運營同學也好,完成設計之后最好建立一個視覺自查表進行對照,目的是盡量減少一些原則性錯誤,減少來回改稿的情況。



流程化閉環


為了更完美的提升整個流程效率,不僅需要升級中部流程,前后端的流程都需要進行優化。

首先是最好在需求的前端建立需求排期表進行需求的篩選。

分門別類地將需求的詳細信息進行可視化展示,對應的需求文檔接入。這里不得不吹一波飛書文檔,太**好用了。

針對需求的后端即設計交付環節,最好是在設計稿導出的時候使用工具進行壓縮,更小的體積意味著更快的加載速度,這對于提升產品的用戶體驗是毋庸置疑的。這里推薦2個工具:

1.imageOptim

2.Picdiet https://www.picdiet.com/zh-cn (個人推薦JPG使用這個網站,壓縮的質量最高)


總結


最后,如果實在人力不足的情況下,就把項目外包出去吧,畢竟占用UI設計師太多時間產出如果沒什么價值的話,其實roi也是很低的,設計師的人力成本也是錢!

“能用錢解決的問題,就用錢解決!”—— 魯迅

如果運營經常提出很多無理的需求,比如量很大,沒有什么依據都是拍腦袋想的,那可以考慮把項目外包出去,一旦外包出去,花的就是真金白銀,讓運營也知道,這是設計師嘔心瀝血畫的,市場的價格就擺在那,整天搞些有的沒的是否真的能對項目帶來價值。

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

文章來源:站酷  作者:坡安Chris 

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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


日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
99精品欧美一区二区蜜桃免费| 亚洲成**性毛茸茸| 欧美一二三四五区| 三级中文字幕在线观看| 欧美日韩导航| 2020国产精品久久精品不卡| 亚洲精品一区二区在线看| 成人激情动漫在线观看| 亚洲wwww| 影音先锋日韩精品| 国产+成+人+亚洲欧洲在线| 亚洲高清视频中文字幕| 一道本一区二区三区| 精品福利一区二区三区| 国产不卡精品| 中国精品18videos性欧美| 国产一区二区无遮挡| 免费日本视频一区| 久久激情五月丁香伊人| 91在线视频网址| 欧美一区二区在线视频| 精品女同一区二区三区在线观看| www.欧美精品一二区| 国产成人精品电影久久久| 国产精品久久久久7777按摩| 在线综合亚洲欧美在线视频| 一区二区三区在线播放| 国产欧美日韩在线观看| 国产一区二区三区四区五区在线| 国产精品444| 黄色精品在线看| 精品国偷自产在线| 日韩免费在线| 国产高清不卡av| 久久精品二区亚洲w码| 国产精品美女午夜av| 欧美日韩国产在线播放| 久久青草伊人| 欧美国产日本高清在线| 成人v精品蜜桃久久一区| 成人av电影天堂| 欧美日韩aaaa| 精品无码久久久久久国产| 中文字幕av一区二区三区四区| 日韩一级高清毛片| 亚洲va男人天堂| 欧美性xxxxxxx| 9765激情中文在线| 女人高潮被爽到呻吟在线观看| 国产精品日韩欧美一区二区三区| 松下纱荣子在线观看| 亚洲一区二区三区小说| 日本在线视频一区| 亚洲人成电影网站色www| 四虎影视永久免费在线观看一区二区三区| 免费av网站在线观看| 一区二区影院| 国产一区二区黄| 国产亚洲免费的视频看| 国产日韩中文在线中文字幕| 欧美日韩国产精品一区二区不卡中文| 午夜不卡av在线| 久久99精品久久久久久噜噜| 亚洲欧洲国产日本综合| 国产欧美一级| 欧美激情免费看| 亚洲视频精选在线| 日韩中文字幕在线| 亚洲福利合集| 亚洲高清一区二| 精品91福利视频| 成人久久久久| 日韩欧美大片| 亚洲日韩中文字幕在线播放| 日韩在线观看电影完整版高清免费| 亚洲三级免费电影| 国产精品白丝jk黑袜喷水| 欧美视频官网| 日韩女优在线播放| 欧美亚洲国产日本| 国产精品萝li| 亚洲国产精品一区二区www在线| 国产乱码精品一区二区三区五月婷| 色小说视频一区| 欧美人成在线视频| 色噜噜狠狠狠综合曰曰曰88av| 亚洲第一影院| 在线综合+亚洲+欧美中文字幕| 精品综合久久久| 欧美色综合久久| 国产对白叫床清晰在线播放| 久久激情综合| 欧美日韩精品专区| 粉嫩欧美一区二区三区高清影视| 久久国产福利国产秒拍| 欧美另类69精品久久久久9999| 日韩手机在线导航| 国产一区二区三区免费观看| 欧美1o一11sex性hdhd| 亚洲一区在线电影| 国产日本欧美一区| 在线观看日韩一区| 日日摸夜夜添夜夜添精品视频| 亚洲一区二区三区在线免费| 久久成人麻豆午夜电影| 最新高清无码专区| 国产女精品视频网站免费| 欧美一级精品片在线看| 午夜精品美女久久久久av福利| 日韩视频一区二区三区在线播放| 欧美体内she精视频在线观看| 国产真实乱子伦精品视频| 裸体一区二区| 国内精品一区二区三区| 自拍偷拍亚洲| 亚洲欧美日韩国产综合| 欧美激情亚洲国产| 九九九九九九精品| 亚洲最好看的视频| 午夜伦全在线观看| 亚洲成a人片在线不卡一二三区| 亚洲黄色av女优在线观看| 日本不卡1234视频| 美女视频免费一区| 亚洲免费高清视频| 亚洲精品456| 国产精品视频1区| 亚洲乱码电影| 久久久久国产精品www| 欧美日韩在线影院| 亚洲调教视频在线观看| 久久女同性恋中文字幕| 国产成人在线播放| 欧美日韩国产综合草草| 亚洲经典在线看| 色就色 综合激情| 成人中文字幕+乱码+中文字幕| 色综合伊人色综合网站| 成人在线免费观看视视频| 999久久久免费精品国产| 亚洲色图综合网| 欧美日韩精品一二三区| 精品中文字幕一区二区| 欧美mv日韩mv亚洲| 美女视频久久黄| 国产精品日韩精品中文字幕| 91麻豆免费在线视频| 国产精品三级久久久久久电影| av日韩中文| 亚洲久本草在线中文字幕| 中文一区二区| 日韩欧美在线视频日韩欧美在线视频| 91在线丨porny丨国产| 欧美sm美女调教| 精品蜜桃一区二区三区| 亚洲国产成人av网| 欧美日韩亚洲一区二区三区在线观看| 一区二区三区欧美| 日韩亚洲在线观看| 亚洲成av人片在线观看| 欧美激情视频播放| 欧美mv日韩mv国产网站app| 高清欧美性猛交xxxx黑人猛交| 国产电影一区二区三区爱妃记|