<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 

  
      
    

          

	
          
		
          
			
          
				
          UI 設計思路：先放飛概念，再落實到產品
          
				
           2025-7-4      濤濤          移動端UI設計文章及欣賞
     
          
			
          
			
          
				
          UI 設計思路應先放飛概念探索多種可能，如將泡泡圈視為獨立 APP 進行設計，嘗試簡約風格、氣泡形通知欄、膠囊形頭像、實心圖標等創新設計，再結合實際落實到產品，比如因開發資源和屏幕顯示限制去掉漸變和彌散投影、回歸分割線和返回按鈕，同時要明確設計與藝術的區別，設計需圍繞客觀問題解決，概念稿后要提取可用點推動落地，注重用戶習慣和跨平臺適配，像用愛奇藝 Logo 代替文字返回按鈕。
          

          image.png
          

          image.png
          

          一、概念設計階段的探索
          

            

          1. 設計定位與創新方向

              

            • 將泡泡圈視為獨立 APP 進行設計，去掉返回愛奇藝視頻的入口，挖掘更多設計可能性。
              • 

            • 采用簡約風格，強化頁面內容展示，優化瀏覽體驗，如融合標題欄與搜索欄，去掉分割線、Card 區間，通過間距區分信息，消除 Y 軸層級多的問題。

              image.png
              

              • 

            

            2. 

          2. 具體設計創新點

              

            • 通知欄設計：以兩個連接的氣泡形式展現通知欄和通知按鈕，增強視覺突出性。
              • 

            • 頭像形狀：首創膠囊形頭像，兼顧三行信息排版，避免小屏手機寬度占用過多空間。

              image.png
              

              • 

            • 圖標選擇：采用實心圖標，依據國外設計師 Aubrey Johnson 的 25000 個圖標識別實驗，實心圖標更符合大眾審美且識別速度更快，如手機 QQ 和 Apple Music 也改用實心圖標。

              image.png
              

              • 

            • 信息展示：明星圈簡介字段保留，布局與推薦頁一致；明星標簽頁將排序信息放列表左側，不外露影響力分值等與排名相關信息，營造榜單氛圍。
              • 

            

            3. 

          

          二、落地階段的調整與優化
          

            

          1. 調整的關鍵因素

              

            • 開發實現限制：iOS 和安卓對彌散投影實現效果不理想，部分軟件需切圖實現，快節奏項目開發資源不足時避免使用。
              • 

            • 跨平臺顯示差異：安卓平臺手機屏幕質量千差萬別，放棄漸變色設計。
              • 

            • 用戶習慣適配：用戶常誤點首頁上方返回按鈕，基于 Web 端點擊網站 Logo 返回主頁的習慣，嘗試用愛奇藝 Logo 代替文字返回按鈕。
              • 

            

            2. 

          2. 具體調整內容
            | 調整項 | 調整前 | 調整后 |
            |------|------|------|
            | 分割線 | 去掉 | 回歸，保留頁面頂部和底部兩條，將頁面分為三塊簡化布局 |
            | 漸變和投影 | 使用漸變和彌散投影 | 去掉漸變和彌散投影 |
            | 底導航圖標 | 無文字說明 | 底部追加文字說明 |
            | 返回按鈕 | 文字返回 | 嘗試用愛奇藝 Logo 代替 |
            3. 

          

          三、設計核心認知
          

            

          1. 設計與藝術的本質區別

              

            • 藝術圍繞主觀情緒，抒發自我；設計圍繞客觀問題，解決問題。概念稿階段設計師像藝術家可隨心所欲，但需最終落地解決實際問題。
              • 

            

            2. 

          2. 創新與實踐的關系

              

            • 創新隱藏在被忽視角落，如跨平臺操作習慣的嘗試，雖有實驗性但可能成為開拓者。大膽行動很少完美，但不完美的行動勝過完美的空想。
              • 

            

            3. 

          

          

          關鍵問題：
          

            

          1. 概念設計階段有哪些關鍵的創新嘗試？

              

            • 答案：概念設計階段將泡泡圈視為獨立 APP，去掉返回愛奇藝視頻入口；采用簡約風格，融合標題欄與搜索欄，去掉分割線和 Card 區間；通知欄以兩個連接的氣泡形式展現；首創膠囊形頭像；采用實心圖標，這些創新嘗試旨在優化瀏覽體驗和視覺效果。
              • 

            

            2. 

          2. 落地階段為什么要去掉漸變和彌散投影？

              

            • 答案：因為 iOS 和安卓對彌散投影的實現效果都很不理想，部分軟件需通過切圖實現陰影效果，在快節奏項目且開發資源不充足的情況下不適合嘗試；同時考慮安卓平臺手機屏幕質量千差萬別，漸變色顯示效果難以統一，所以落地階段去掉了漸變和彌散投影。
              • 

            

            3. 

          3. 設計與藝術的核心區別是什么？

              

            • 答案：設計的核心是圍繞客觀問題解決問題，而藝術的核心是圍繞主觀情緒抒發自我。在概念稿階段設計師雖可像藝術家一樣隨心所欲，但最終設計需落實到解決實際問題，不能僅追求酷炫而不考慮實用性。
              • 

            

            4. 

          

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


          

          

          

          

          

          

          

          

           
          

          

          

          

          

          

          

          

          

          image.png
          				
          
								
			
          
		
          
		
		
	
          


          
    
  
          
    
          日歷
          
    
          
        
          
        
    
          
  
          
    
    
          
      
          鏈接
          
      
            
                
          
    
          
    
          
      
          個人資料
          
      
          
          
          
                    
          
          
          藍藍設計的小編
          http://m.sdgs6788.com
          
      
          
    
          
    
          
      
          存檔
          
      
    
          

          

          





精品国产一区二区三区久久蜜臀|
久久久久亚洲精品天堂久久久久久|
欧美伊香蕉久久综合类网站|
精品一区二区久久久久久久网站|
国产精品嫩草影院久久|
久久亚洲欧美日本精品|
久久国产热这里只有精品|
亚洲国产日韩欧美久久|
欧美午夜精品久久久久免费视
|
久久99国产精品99久久|
国内精品久久久久久久亚洲|
久久人妻AV中文字幕|
精品久久久久久综合日本|
人妻无码αv中文字幕久久琪琪布|
日韩乱码人妻无码中文字幕久久|
久久香蕉国产线看观看99|
久久综合成人网|
久久精品国产91久久综合麻豆自制
|
久久综合88熟人妻|
人妻中文久久久久|
91久久香蕉国产熟女线看|
日韩精品无码久久久久久|
久久亚洲精品无码观看不卡|
狠狠狠色丁香婷婷综合久久五月|
久久久久久久波多野结衣高潮|
久久国产香蕉一区精品|
久久福利青草精品资源站免费|
亚洲AV日韩精品久久久久久久|
亚洲精品99久久久久中文字幕|
久久综合九色综合精品|
国产午夜免费高清久久影院|
久久中文字幕人妻熟av女|
亚洲伊人久久综合影院|
久久激情亚洲精品无码?V|
很黄很污的网站久久mimi色
|
久久99亚洲综合精品首页|
色综合久久精品中文字幕首页|
久久精品亚洲一区二区三区浴池|
77777亚洲午夜久久多人|
色欲综合久久中文字幕网
|
久久成人永久免费播放|