<code id="6mcsu"></code>
<li id="6mcsu"></li>
<li id="6mcsu"><dl id="6mcsu"></dl></li>
  • <code id="6mcsu"><tr id="6mcsu"></tr></code>
    或者

    網頁設計的3個基本趨勢:打破規則,創造令人難忘的設計

    作者:麋鹿 瀏覽:114 發布時間:2017-10-12
    分享 評論 0

    秋風漸起,大咖們都跟隨這些趨勢做網頁設計。enjoy~

      

     

      我們常常探索規則,規則讓設計充滿可預期性。我們也常常想打破規則,這可能是出于設計者叛逆的天性,也符合讓特定風格或者元素脫穎而出的設計需求。剛剛過去的9月當中,設計師們打破規則的特質,通過網頁設計作品體現得淋漓盡致。這些以破壞規則為特質的設計作品,實際上也遵循著某種潛在的規律:盡量只打破一個規則,來創造出意外和戲劇化的效果。

      1、無視邊界的文本元素

      在很長的一段時間當中,設計師會讓每一個元素都井井有條地置于各自的區間當中。但是現在,設計師開始讓元素走出邊界。

      橫跨多區塊的元素看起來似乎有點過于自由,但是在實際的設計作品當中,效果還是頗為有趣的。尤其是橫跨多區塊的文本元素,視覺效果很是突出。

      所以,現在所呈現出來的設計趨勢,是讓文本元素橫跨背景圖層、圖片和其他的區塊,就像下面的 Tradewinds 這個網站。

      在目前我們所看到的設計作品當中,橫跨多區域的文本可以是任何大小,形態,角度,但是它們通常需要和背景的內容都構成足夠的對比,才能確保良好的可讀性。在下面的案例當中,文本可以橫向展示,也可以縱向排布。

      這種設計背后所隱藏的思維方式,是使用超出用戶預期的元素來引起用戶的注意,這樣是為什么設計師會在這個地方采用展示性較強的字體。

      為了讓這些文本真正發揮作用,在網頁當中,這些文本通常是作為單獨的圖層而存在。文本所用的字體在具備展示性的特征的同時,還應該具備足夠好的可識別性。為了避免復雜的設計讓人難以獲取信息,盡量采用簡單的布局。

      

     

      

     

      

     

      2、超大的視覺元素

      超大的視覺元素并不新鮮,但是將日常生活中通常并不大的元素放大,鋪滿屏幕,就很有戲劇感了。

      這種設計是一種很有趣的手法,需要設計師運用細節豐富的高清大圖。

      想要讓這樣的設計足夠突出,設計師需要在圖片素材的選取上慧眼獨具。如果有人告訴你,用一只眼睛或者一張嘴巴將整個屏幕填滿,你認為這樣的設計會不會成功?首先,這樣的設計通常是讓人意想不到的,如果在整體設計上足夠原創,加上特定的品牌烙印,能夠形成足夠有力的視覺傳達能力。

      當然,將日常生活中的小尺寸的元素放大到整個屏幕,視覺平衡是需要仔細控制的。它們通常需要足夠的空間和留白,來確保它們看起來不是那么奇怪,或者過于刺激。Westward Leaning 這個網站在眼鏡元素的周圍采用了大量的留白來平衡視覺,Famoustache 這個網站則采用了明亮的色彩和有趣的排版來平衡浮動的胡子,而DTSi 這個網站則用大量的半透明的幾何元素來軟化背景的眼睛。

      想讓這些超大的視覺元素具有足夠的視覺沖擊力,一定要確保圖片質量,在屏幕上要確保像素完美,銳度和焦點都要能夠確保。最好是高清的圖片和視頻,甚至是矢量的素材,即使是最簡單的眼鏡,也要確保它的刻畫是足夠清晰銳利的,不會讓用戶感到不適。

      

     

      

     

      

     

      3、空心圖形

      近年來,設計師對于幾何形狀的偏好明顯更多了。無論是圖形疊加還是多邊形圖案,這幾個月各種以圖形為中心的設計并不鮮見。而現在,設計師們似乎更加青睞空心圖形的運用。

      無論是作為LOGO,圖標還是幾何圖形,空心的圖形都是頗為有趣的設計元素。一般而言,它們都比較簡單,比如 Bruderl 網站中的空心幾何體,但是同時它也充當著引導視覺的標記。而在另外一個網站 BorderFree 當中,空心圖形則作為圖標來使用,不過細節會比普通的更多一些。

      無論從哪個角度上來看,空心圖形都很有趣,以它們為核心來創造視覺焦點,擁有足夠的形式感,能賦予品牌以更明顯的特色,創造獨特而令人難忘的視覺體驗。

      為了讓整個空心圖形更突出,可以適當地讓形狀邊緣更厚實一些,和背景的對比更明顯一些,讓它在視覺上足夠突出。

      真正讓空心圖形脫穎而出的,是獨特的形狀,所以設計師應該合理地控制前后景的對比,和整個設計的平衡,吸引用戶的注意力。

      

     

      

     

      

     

      結語

      就像我們在開頭所說的那樣,打破規則,并且盡量只打破一個規則,就能通過明顯的失衡的設計,來創造令人難忘的設計。這種策略是有效的,至少我們所看到的這些趨勢就是沿用這樣的方法來做的。


    色偷偷一区二区无码视频| 欧美人妻aⅴ中文字幕| 狠狠躁天天躁无码中文字幕| 亚洲av日韩av无码黑人| 99久久中文字幕| 免费无码专区毛片高潮喷水| 亚洲国产精品无码专区| 最近中文字幕完整在线看一 | 中文字幕无码不卡在线| 亚洲国产精品无码AAA片| 欧美精品中文字幕亚洲专区| 99久久人妻无码精品系列蜜桃| 合区精品中文字幕| 亚洲日韩乱码中文无码蜜桃臀网站| 黄A无码片内射无码视频| 国产成人无码AV一区二区在线观看| 精品久久人妻av中文字幕| 久久久无码精品亚洲日韩软件| 亚洲一区爱区精品无码| 免费在线中文日本| 中文字幕丰满乱孑伦无码专区 | 中文字幕一区二区人妻性色| 国产午夜无码专区喷水| 久久精品中文字幕无码绿巨人| 亚洲日韩AV一区二区三区中文| 中文无码成人免费视频在线观看| MM1313亚洲精品无码| 午夜福利av无码一区二区| 人妻无码精品久久亚瑟影视| 天堂中文字幕在线| 久久中文字幕无码专区| 最近免费中文字幕大全高清大全1| 熟妇人妻中文a∨无码| 久久AV高清无码| 国产成A人亚洲精V品无码性色| 无码AV波多野结衣久久| 国产在线无码视频一区二区三区| av区无码字幕中文色| 亚洲av无码成人精品国产| 欧美日韩中文国产一区发布 | 中文字幕亚洲综合精品一区|