Discuz! Board

 找回密碼
 立即註冊
搜索
熱搜: 活動 交友 discuz
查看: 2080|回復: 0
打印 上一主題 下一主題

視覺設計基礎:四個設計原則

[複製鏈接]

2741

主題

2743

帖子

9928

積分

管理員

Rank: 9Rank: 9Rank: 9

積分
9928
跳轉到指定樓層
樓主
發表於 2018-1-28 20:35:04 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
,金回收
  今天為大傢詳細講解《寫給大傢看的設計》一書中提到四大基本原則:親密、對齊、重復、對比

  常用的操作入口,應該重點突出,但是現在卻很平
  



  文章到此就已經結束了,感謝大傢的閱讀,希望能已經講清楚《寫給大傢看的設計書》中的四大原則的內容。
  

  【02】文字和文字之間的視覺對齊
  重復和對比原則的運用
  圖形和文字之間的對齊分為兩種情況。一種是權重比較小的線條圖形和文字的對齊,這種情況我們只需要將具有收縮感的圖形放大或者移動僟個像素就可以達到視覺的平衡。另一種是權重比較大的塊狀圖形,這種情況下我們只需要進行物理對齊就行了,因為塊狀的物理權重比文字大,可以彌補上視覺的不平衡感。




  
  頭部區域給人很壓抑的感覺
  
  文字和文字分為三種情況。一種是中文和中文的對齊,因為中文是屬於方塊字,所以物理對齊基本就可以了;第二種是英文和英文的對齊,如圖上所示,英文字體有些是屬於收縮感字體,新莊當舖,所以我們這時就需要進行視覺的對齊,如果英文都不是收縮感字體的話,我們只需要進行物理的對齊;第三種就是中文和英文的對齊,處理的方式和第三種情況想類似。
  親密和對齊原則的運用
  指的是將彼此相關聯的項,在空間的角度上更靠近些。比如微信在發現頁面中相似的類目靠的更近,我們的心理默認認為靠的更加近的是同一類別的的信息;相反的,西湖通馬桶,如果沒有運用親密性的原則,整個微信的信息就看起來非常的混亂。
  對比傚果可以通過字體選擇、線寬、顏色、形狀等來增加對比重要的是對比一定要強烈。比如這張banner就運用了文字對比和顏色對比的原則,banner的信息層次就區分的非常明顯,很好的展現了要表現的主體內容。

  本文由 @小凡 原創發佈。未經許可,禁止轉載。

  親密:

  重復的目的是統一,並增強視覺傚果,但要避免過多地重復一個元素,讓人感覺不太舒服。比如盒馬APP首頁的界面,在盒我搶的版塊就運用了重復的原則,整體看起來非常的統一、和諧。
  

 
創業項目優選 好項目來A5招商 ,點擊入駐!
  01 詳解四大設計原則
  【03】圖形和文字之間的視覺對齊
  重復:

  
  



  菜單欄五個欄目太擁擠了,圖標不統一,而且選中的黃色在白色上面特別的不明顯

  信息沒有做區分、版面顯得很空

  02 案例操作
  


  在很多的時候我們做設計的時候都會忽略一些基本的設計原則,很多設計師即使做了很多年的設計也不能完全說清楚設計的原則,設計全憑感覺,至於為什麼這樣去設計很難有很合理的解釋。
  關於視覺設計的四個原則,可以通過該本文來了解一下。
  改造後的界面
  


  對齊:
  對比:
  

  
  俗話說九層之台始於壘土,可見基礎是多麼的重要,設計也是一樣,我們都需要打好扎實的基礎。而今天說要說的設計原則是根据著名圖書《寫給大傢看的設計》一書來寫的。
  對齊的根本目的是使頁面統一而且有條理。然而對齊分為物理對齊和視覺對齊,物理對齊指的是我們可以用物理直線來衡量是否對齊;而視覺對齊指視覺感官上的對齊,它基本上所用在的地方是一些物理對齊不能帶給我們對齊的感覺的特殊情況之下。那麼視覺對齊一般在什麼情況下我們能用到呢?

  一般出現的是在一個為具有收縮感而另一個不具收縮感的情況之下,比如說正方形和圓形。那麼如何解決這個問題呢,我們只需要遵循以下的原則:將有收縮感的物體稍微放大一點可以和沒有收縮感的物體達到平衡。

  【01】圖形和圖形之間的視覺對齊
  題圖來自unsplash,基於CC0協議
  
  說完了原則,我就帶大傢一起來進行案例的實際操作來展示這四大原則的用法,首先我們先分析這個界面存在的一些問題:

  
回復

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

Archiver|手機版|小黑屋|台北設計交流論壇  

台北招牌設計, 推薦招牌, 荷重元, 資料擷取DAQ, 中壢當舖免留車, 翻譯社, 台北網頁設計, 未上市未上市股票永和汽車借款, 夾克, 未上市, 屏東借錢屏東借款汽機車借款, 機車借款免留車, 汽車借款免留車, 汐止免留車, 汐止汽車借款, 信用卡換現金刷卡換現金堆高機, 高雄合法當舖, 空壓機, 台北借錢, 台北當舖, 布沙發, 飲水機, 未上市, 室內設計公司, 支票借款, 廢鐵回收, 聚左旋乳酸, 封口機 皮秒 隆乳, 團體制服, 紫錐花, 預防感冒, 床墊, 不動產估價師, 日本泡泡慕斯,, 台中搬家支票借款, 支票借錢, 彰化當舖壯陽藥邱大睿, 汐止免留車, 支票借款, 票貼, 紙杯植纖碗廚餘回收防盜, 保麗龍切割, 止癢液, 聚左旋乳酸, 台中搬家公司, TU娛樂城睡眠褲, 瑜珈褲, 團體制服, 抽脂價格, 未上市熱門加盟, 飲食加盟, 小資本加盟創業, 加盟什麼最賺錢, 汐止當舖未上市股票, 贈品, 美體SPA, 牙齦整形, 3a娛樂城, 沙發, 未上市, 保麗龍割字, 保麗龍字, 電腦割字, bcr娛樂城玖天娛樂城gs娛樂城i88娛樂城九州娛樂城, q8娛樂城,

GMT+8, 2024-11-23 10:25 , Processed in 0.084966 second(s), 25 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表