• <center id="sm46c"></center>
  • <dfn id="sm46c"></dfn>
  • <strike id="sm46c"></strike>
  • <cite id="sm46c"><source id="sm46c"></source></cite>
    • <strike id="sm46c"><source id="sm46c"></source></strike>
      <option id="sm46c"></option>
      国产精品天天看天天狠,女高中生强奷系列在线播放,久久无码免费的a毛片大全,国产日韩综合av在线,亚洲国产中文综合专区在,特殊重囗味sm在线观看无码,中文字幕一区二区三区四区在线,无码任你躁久久久久久老妇蜜桃

      構建視覺層次的4個技巧

      2021-8-18    濤濤

      設計行業每天發生著翻天覆地的變化,隨著專業的發展,我們也在不斷的學習新的技巧和趨勢,但同時我們也要明白,設計中那些基礎的UI準則,才是好的趨勢和風格建立的基礎。今天我們就一起來聊聊做好設計最重要的能力之一:區分視覺層次。


      什么是視覺層次

      視覺層次你可以理解為,通過將界面元素進行設計上的區分,引導用戶的注意力,并使用戶的注意力始終集中在頁面的關鍵地方。但是今天沒有一個方法可以一直控制用戶注意力,就像我們今天做設計一樣,不同的產品要用不同的設計手法去設計,才能達到幫助用戶分清主次的作用。

      視覺層次不僅僅包含文字有關,它還包含我們的圖片,視頻按鈕以及文字以外的視覺元素。所以當你設計一個網頁時候,除了網站整體的顏色,排版,圖片也能夠影響視覺層次。那么如何讓設計的層次更清晰,常用方法有哪些,今天我們一起來聊聊關于設計層次,希望可以幫助到你。


      運用尺寸大小建立層次

      大小是建立視覺層次非常重要的方式,這里的大小不僅僅是文字,還包括圖形,插畫,圖片等等。 作為設計師我們必須了解屏幕上每個元素的優先級,根據優先級來判斷它的使用大小。

      當我們談到尺寸的時候,相信很多設計師有過被要求各種元素放大的經歷,確實大的元素能更好的吸引用戶。 但是當元素越大,其實設計的復雜性也越高,所以在設計時候需要更注意整體節奏,把握好一個度。

      如上圖插畫的比重很大,在設計這種大的元素時,你的每個元素比例和細節處理都被同時放大了,我們可以看見這副插畫四周還運用了很多元素,讓頁面達到平衡,同時這個畫面和旁邊的文字場景也很好融合在一起。一個好的設計一定是通過視覺手段讓用戶理解信息更加準確,在看完頁面文字和圖片后,很自然的引導到底部的按鈕,這才能算是一個很引人注目的設計。


      運用色彩建立層次

      顏色在視覺層次中扮演著非常重要的角色, 設計師可以通過顏色來傳遞信息內容,同時也可以引導頁面內容,色彩在心理學中有著很重要的作用,比如黑金給人尊貴感VIP感,糖果色給人小清新,甜蜜的感覺;紅色能吸引人注意等等。用戶在視覺情感上和顏色很容易聯系在一起, 作為設計師我們需要對不同的色調,不同色彩進行細致的組合搭配,以掌握對色彩的了解。

      Zenly:國外知名產品,在引導頁面設計時候運用紅色按鈕吸引用戶注意,在App主頁面里面,通過深藍色強調選中效果以及Tab.

      Netfix:知名的電影軟件Netfix在設計中,充分運用色彩去增強層次,無論是在引導頁按鈕設計,還是在頁面核心行動點,以及Tab切換等地方,都通過顯眼的主色來引導用戶操作,讓頁面的行為路徑更加順暢。

      Tiktok:抖音海外版本設計,整體UI部分非常簡單,頁面還是一如既往突出內容為主,所以在整個設計上就通過色彩來強調頁面優先級,比如拍攝,分享,選擇這些核心操作都通過色彩來引導完成任務。

      更多設計文章,設計交流,歡迎添加 | 微信ddm7212

      關注#公眾號:SKY蓋哥 ,第一時間獲得設計干貨和分享內容。


      運用文字大小字重建立層次

      絲芙蘭App的設計,在引導頁采用一個襯線體非常有品位,通過字體大小,和字重對比,再配合美妝護膚的行業屬性,頁面非常的簡潔大氣,有對比有細節。

      無論是產品介紹,還是詳情頁,絲芙蘭設計都是采用字重和字體大小對比,來打造層次,字重和大小,也是設計師常用建立層級的方式。

      除了字重以外,還可以字體透明度來增加層級,一般是黑色搭配灰色使用,再加上字體大小和字重整個頁面層次會更加清晰。如上圖韓國APP頁面,標題是黑色,輔助說明文字字號小4號,同時顏色改為淺灰色,這樣設計頁面層次增強了很多。

      很多設計師在做界面時候,喜歡字體就一個顏色用到底,這樣會顯得界面粗糙,也沒有層次感。但是運用好我上面說的字體大小,顏色、字重等對比其實節奏很容易就能做出來。

      運用視覺重量建立層次

      比如aaptiv這個產品的功能頁面設計,就是運用了視覺重量的對比,線框按鈕最弱,其次是黑色選中效果,最重的功能引導按鈕, 視覺 重量的對比能很好讓用戶關注到功能內容。

      如上圖,選中的黑色視覺重量最重,其次是藍色選中效果,最后是未選中的黑色,視覺重量幾乎我們每一個頁面中都會使用到。

      headspace這款產品我非常喜歡,將情感化用到了極致,在頁面很多細節地方運用了不同的小橙人在背景上,視覺重量有輕有重,通過不同視覺重量來表達頁面內容,非常巧妙。

      在列表的表達上,不同視覺重量感受是不一樣的,比如左邊的視覺重量更輕一點,用戶關注圖形同時也去關注文字內容,右邊這個視覺更重,更加引導用戶去點擊功能模塊內容。

      設計師熟悉的medium官方App設計,在正文閱讀時,同樣采用不同的視覺重點來突出重要信息,比如左邊通過字重以及文字背景綠色底色和正文對比,非常醒目。右側通過淺綠色作為背景強調突出。

      同樣在一些重要位置,Medium也是運用視覺重量處理,如左圖通過頂部提示條提示可以通過語音播放,在右側付費文章通過行動按鈕引導用戶升級付費。


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

      文章來源:站酷   作者:我們的設計日記

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

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

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


      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.li-bodun.cn

      存檔

      主站蜘蛛池模板: 亚洲第一狼人天堂网伊人| a级大胆欧美人体大胆666| 亚洲欧美色αv在线影视| 亚洲色婷六月丁香在线视频| 亚洲精品日韩中文字幕久久久| 国产日韩精品视频无码| 久久国产色av免费观看| 国产三级黄色片在线观看| 精品国产麻豆免费人成网站 | 免费永久在线观看黄网站| 亚洲国产av无码男人的天堂| 2021最新久久久视精品爱| 好紧好滑好湿好爽免费视频| 蜜桃av久久久一区二区三区麻豆| 99RE8这里有精品热视频| 亚洲Av午夜精品a区| 午夜一级福利在线| 婷婷开心深爱五月天播播| 平凉市| 国产欧美视频综合二区| 久久永久免费专区人妻精品| 精品无码久久久久久久四虎| 手机无码人妻一区二区三区免费| 久久综合给合久久狠狠狠88| 亚洲成av人片高潮喷水| 免费观看全黄做爰大片国产| 精品无码中文字幕在线| 二区三区亚洲精品国产| 国产精品午夜无码av体验区 | 亚洲熟妇自偷自拍另类| 少妇人妻无码永久免费视频| 精品国产精品国产偷麻豆| 国产粉嫩美女一区二区三| 亚洲国产精品综合一区二区| 日韩国产成人精品视频| 天天天天噜在线视频| 少妇熟女久久综合网色欲| 江达县| 久久亚洲精品11p| 国产99在线 | 亚洲| 久久国产一区二区三区|