<address id="ttjl9"></address>
      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      

      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>
          
  
      
    

          

	
          
		
          
			
          
				
          設計師做了哪些事情讓產品界面更高級？
          
				
           2025-7-4      濤濤          設計管理與成長
     
          
			
          
			
          
				
          image.png
          

          一、構圖排版
          

          （一）構圖造型藝術術語
          

            

          • 定義：構圖是作品中藝術形象的結構配置方法，是造型藝術表達作品思想內容并獲得藝術感染力的重要手段，在視覺藝術（如繪畫、平面設計、攝影）中常用，在 UI 設計中主要作用是構建和諧穩定的布局頁面。
            • 

          

          （二）構圖心理學
          

            

          • 黑林錯覺：中間兩條線實際平行，但看起來是彎的。
            • 

          • 馮特錯覺：中間兩條線平行，視覺上呈彎曲狀。
            • 

          • 龐佐錯覺：中間四邊形為矩形，而非頂邊比底邊寬的四角星形。
            • 

          • 厄任斯坦錯覺：中間矩形四邊看似彎曲。
            • 

          • 波根多夫錯覺：觀看時大腦會習慣性自動補齊斷線。
            • 

          • 菲克錯覺：垂直線段與水平線段等長，但垂直線段看起來更長。
            • 

          • 穆勒萊爾錯覺：末端加向外斜線的線段比加向內斜線的線段看起來更長，實際等長。
            • 

          • 艾兵浩斯錯覺：左邊中間的圓與右邊中間的圓大小相同，但視覺上左邊更大。
            • 

          • 卡泥沙錯覺：大腦會腦補出實際不存在的三角形輪廓。
            • 

          • 垂直水平錯覺：正方形是構成任何設計系統的基石。
            • 

          • 馬赫帶效應：同色漸變毗鄰擺放是常見的扁平化設計手法（如 #E91E63 等色值示例）。
            • 

          • 同時同比錯覺：同色物體置于不同對比度背景上，會呈現不同視覺效果。
            • 

          

          （三）設計構圖技巧
          

            

          • 穩定性：對稱平衡的形態具有自然、安定、均衡、協調、整齊、典雅、莊重的樸素美感，符合視覺習慣。
            • 

          • 強點優先：畫面中人的眼睛、人臉、明暗交界處等是天生強點，常見于黃金分割線位置。
            • 

          • 均勢：通過物理學規律支撐畫面，保持視覺重心平衡，調整積極元素與消極元素關系，確保區域無偏差，元素無縫銜接。
            • 

          

          （四）排版原理
          

          image.png
          

            

          • 格式塔原理（1912 年由德國心理學家提出，解釋人類視覺工作原理）

              

            • 簡單：眼腦觀看時會將形象各部分組合成更易理解的統一體，暗合三角形構圖、對稱構圖、向心式構圖、對角線、X 構圖等法則，目的是在復雜信息環境中構建易懂整體。
              • 

            • 相似：眼睛易關注相似物體（形狀、大小、顏色），無論位置是否相鄰，都會將其聯系起來。
              • 

            • 接近：單個視覺元素距離接近時，視覺上會形成較大整體，個性減弱。
              • 

            • 閉合：觀察熟悉視覺形象時，會把不完整局部作為整體感知，若局部過于陌生或簡略，會產生整體閉合聯想。
              • 

            

            • 

          • 親密性原則：相關項應靠近歸組，成為視覺單位，減少混亂，提供清晰結構。
            • 

          • 重復原則：視覺要素（字體、顏色、形狀、線條、大小、圖片等）在畫面中重復出現，增加條理性和統一性，形成節奏感。
            • 

          • 停頓：節奏中斷讓設計更有層次，如 Twitter feed 流中插入列表推薦，可抓住注意力。
            • 

          

          二、色彩
          

          （一）色彩常恒性
          

            

          • 定義：當照射物體表面的顏色變化時，人們對該物體表面顏色的知覺仍保持不變的知覺特征。
            • 

          

          （二）色散試驗
          

            

          • 1666 年，英國物理學家牛頓用三棱鏡證明光是由紅、橙、黃、綠、藍、靛、紫等單色光復合而成。
            • 

          

          （三）色彩概念
          

            

          • 色光混合：紅、綠、藍為色光三原色，不同量混合可呈現其他顏色，等量混合為白色光，又稱加法混合或正混合。
            • 

          • 油墨混合：青、品、黃為顏料三原色，無法通過混合形成，不同比例混合呈現多重色彩，等量混合為次黑色，又稱減法混合或負混合。
            • 

          

          （四）色彩三要素
          

            

          • 色相（Hue）：各類色彩的相貌稱謂（如大紅、普藍、檸檬黃），是色彩首要特征，由原色、間色和復色構成。
            • 

          • 飽和度（Saturation）：色彩的鮮艷程度（純度），取決于含色成分和消色成分（灰色）比例，含色成分越大飽和度越高。
            • 

          • 明度（Brightness）：眼睛對光源和物體表面明暗程度的感覺，由光線強弱決定，取決于物體照明程度和反射系數。
            • 

          

          （五）基本色環（Color Wheel）
          

          image.png
          

            

          • 光譜順序：紅、橙紅、黃橙、黃、黃綠、綠、綠藍、藍、藍紫、紫、紫紅，十二色相環每色相距 30 度，二十四色相環每色相距 15 度。
            • 

          

          （六）配色方法
          

            

          • 同一色：色相環中任意色因明度變化呈現的色彩，通過在純色中加入黑、白、灰形成，主色和輔色在同一色相，頁面風格一致。
            • 

          • 同類色（類似色）：色相環上原色起 45 度以內的色彩，色相性質相同但色度有深淺之分，含較多共同色彩元素。
            • 

          • 相鄰色：色相環中相距 90 度或相隔五六個數位的兩色，屬中對比效果色組，色相近似、冷暖性質一致、色調統一和諧。
            • 

          • 對比色：色相環上色相差異大、純度高的亮色，對比效果強烈，當彩度和明度相同時對比更明顯，越接近補色對比越強烈，需精準掌控色彩搭配和面積，主導色帶動頁面氣氛。
            • 

          • 補色（互補色、余色）：兩種顏色等量混合呈現黑灰色，色環直徑兩端相對之色，對比過于沖撞，少用于傳統網頁，多用于活動 banner 吸引眼球。
            • 

          • 消色：黑白灰等無彩色系。
            • 

          

          （七）色彩搭配
          

            

          • 色彩構成原則：一款 App 顏色不超過三個系，主色（75%，決定界面風格）、輔色（20%，豐富界面）、點綴色（5%，引導閱讀、裝飾畫面）。如中國移動設計顏色控制在 1-2 個，輔以黑白灰；常見藍色系（Facebook、Twitter、支付寶），但非所有應用都適合。
            • 

          • 色彩關系

              

            • 協調感：通過同一色混合、同類色混合、相鄰色混合、中消色混合，滿足人類生理和心理安全感需求，保障長時間閱讀。
              • 

            • 對比：通過對比色對比、純度對比、面積對比、明度對比制造沖突感，引起用戶注意。
              • 

            

            • 

          

          （八）配色靈感捕獲
          

            

          • 圖片來源：選取有凝聚力的圖片，通過 Photoshop 濾鏡 - 馬賽克或 Sketch 插件 - Alembic 凝聚色塊獲取配色。
            • 

          • 中國風色彩示例：月白藍、湖水藍、勿忘草、天青藍、薄荷藍、洪藍、古蘭、深海藍。
            • 

          

          image.png
          

          （九）配色網站
          

            

          1. COLOURlovers
            2. 

          2. NIPPONCOLOURS
            3. 

          3. color
            4. 

          4. colorfavsr
            5. 

          5. uigradients
            6. 

          6. MD 配色
            7. 

          7. 配色方案設計師
            8. 

          8. Adobe 配色工具
            9. 

          

           
          

          蘭亭妙微（藍藍設計）www.syprn.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
          


          

          

          

          

          

          

          

          

           
          

          

          

          

          

          

          

          

          

          image.png
          				
          
								
			
          
		
          
		
		
	
          


          
    
  
          
    
          日歷
          
    
          
        
          
        
    
          
  
          
    
    
          
      
          鏈接
          
      
            
                
          
    
          
    
          
      
          個人資料
          
      
          
          
          
                    
          
          
          藍藍設計的小編
          http://www.syprn.cn
          
      
          
    
          
    
          
      
          存檔
          
      
    
          

          

          



亚洲va欧美va天堂v国产综合