人們是如何組織信息的？

在 Ant Design 的界面設計中，會包含大量的信息組織和編排工作，我們常常會遇到這樣的問題：

• 一個詳情頁面里應該包含哪些信息？

• 什么樣的信息應該放在卡片里，什么樣的信息應該平鋪顯示？

• 一個頁面內的信息該怎么讓用戶快速找到重點？

• ···

信息組織是我們在日常生活中經常會遇到的問題，商場里的樓層導航、機場車站的標志指引、餐桌上的菜單、手機里的通訊錄等等，各式各樣的信息是如何被組織編排到一起，又是以何種方式把信息呈現給用戶呢？

在解答這些關于頁面設計的問題之前，我想先給大家講一個生活中的小案例：

動線設計

逛過宜家的人，應該會注意到宜家類似迷宮的動線設計，這種動線設計能夠讓消費者不知不覺逛完商場的各個角落。踏入宜家門口時，就會被一條隱形“向導”默默地引導著向前走：一條曲折宛轉的主線依次引導至客廳家具、客廳儲物室、臥室、書房等各個主區域，直到一個不落地走完才抵達出口。但在這個主線之外，為了確保一些消費者在購物中，能夠快速離開或快速去往感興趣的區域，每個主區域間都有一些較隱蔽的捷徑作為輔動線。

這種動線設計一方面能夠把所有商品按照路徑有效的串聯起來，另一方面又能讓消費者不知不覺的沿著這個路徑去了解商品。

商品布局

動線布局是宜家的隱形骨架，而真正讓宜家賣場豐富起來的，還是琳瑯滿目的商品。宜家的賣場和大部分零售賣場不一樣，它不會把同類型產品進行大集合，而是根據人們的正常生活場景來分類，不同類型的產品在同一區域組合陳設，構成生活中的一個小場景，一方面能達到對各個商品功能的完美詮釋，另一方面，一個產品盡量不會重復出現，盡可能減少商品展示的復雜性。

在整體商品布局上，有兩個很有意思的地方：第一，在居家體驗中心，樣板間的陳列順序完全是按照消費者回家后的場景而布置：客廳、餐廳、廚房、書房、臥室、衛生間......，第二，在家居用品中心，則會根據消費者在家的日常起居行為進行擺放：做飯、休息、讀書、收納......

現實生活中的這些例子，對我們的界面信息組織有什么啟發呢？

關于動線和布局的思考

在宜家的案例中，關于動線，映射到人的行為上，有一個比較專業的概念叫做“流”（flow）。 Mihaly Csikszentmihalyi 的著作《心流：最優體驗心理學》中對“流”的定義：當人們全身心投入到某個活動中時，會對周邊干擾視而不見，這種狀態被稱為“流”。宜家的動線設計很好的營造了這種狀態，讓消費者完全沉浸于商品瀏覽，并且盡量不去打斷這種行為流。

經過研究發現，構成“流”的行為動作，其前后必然存在某種連續性或者關聯性，例如回家的行為動線，日常起居的行為關聯等。這個概念在界面設計中依然適用，很多界面設計都在有意無意的去創造“流”的狀態，帶給你用戶沉浸式體驗，例如各類短視頻應用會根據用戶瀏覽習慣推薦相關聯的視頻內容，讓用戶沉浸其中無法自拔。

關于商品布局，映射到信息組織上，《韋氏大詞典》 中提到一個詞“編配”（orchestration），對應的解釋為“和諧的組織”。這個詞能比較好的表達信息組織的含義，宜家的商品和諧的組織構成一個場景，它向消費者傳遞的不僅僅是商品本身的功用性，更是在傳遞一種搭配建議或者一種生活方式。這種商品組織方式能非常有效的降低消費者對信息篩選的復雜程度。而在界面設計上，表單頁的和諧組織能夠幫助用戶快速完成信息錄入，詳情頁的和諧組織能夠幫助用戶快速理解一個描述對象......

各種各樣的信息總能以某種關系組織到一起，而如何根據這種流為用戶去組織和呈現信息呢？

“流”的本質其實是一系列具有關聯性的行為動作串聯，而“編配”的目的則是為了降低串聯信息呈現的復雜程度。有了這兩個基礎的概念之后，我們可以做一個初步假定：所有的信息是否都可以通過關聯性和復雜度來進行組織編排？針對著這兩個維度，我們又進行了更深層次的研究和驗證，并得到基本定義：

• 信息復雜度：信息量的大小，包括種類、數量等。

• 信息關聯性：信息之間的潛在關聯或者相互影響。

我們設想，這兩個維度能否運用到界面設計上的信息組織呢？

頁面信息的組織方式

信息關聯性

界面信息之間的潛在關聯或者相互影響，通常體現在「邏輯關聯」和「視覺關聯」兩個層面。

邏輯關聯

顧名思義是指一個事件中的所有信息之間的關系，在界面設計中，無論什么樣的信息，總能以某種方式進行分類和編排在一起，例如手機通訊錄中的人名，可以按照字母順序從 a 到 z 進行排列，電商網站的商品導航會根據類別進行分組，待辦事項可以根據時間進行排序等。

如何找出信息之間的邏輯關聯性呢？

被稱之為信息架構之父的 Richard saul wurman 在《信息焦慮》一書中將信息組織方式用“五頂帽架”來概括：

• 地點（Location）

• 字母（Alphabet）

• 時間（Time）

• 類別（Category）

• 層級（Hierarchy）

簡稱LATCH。這五種方式基本可以涵蓋所有的信息組織策略，信息是無限的，但是信息組織方式卻是有限的。

視覺關聯

任何一個界面呈現給用戶的時候，用戶都會下意識的去判斷界面上什么信息是最重要的，接著會去關注這些信息都有什么關聯，因此，除了按照邏輯去組織信息之外，還應該合理的去呈現信息的視覺層級關系。

視覺層級關系有幾種常見的區分方式：

• 強調：使用基本視覺元素（顏色、形狀、大小等）區分層級

• 親密性：位置接近的元素通常是有關系的，而且位置越近，關系越強

• 圖勝于言：視覺符號和對象關聯，例如：齒輪或扳手=設置，垃圾桶=刪除

• 瀏覽順序：根據瀏覽順序，從左到右（部分地區）或從上到下信息重要程度依次減弱

• ···

如何驗證界面元素的視覺關聯性是否合理呢？

瞇眼測試

《About Face 4: 交互設計精髓》 中提到了一個很有意思的測試，為了確保界面視覺信息有效的拉開層次關系，圖形設計師經常會用到一個方法“瞇眼測試”（squint test）。閉上一只眼睛，瞇著另外一只眼睛看屏幕，看看哪些元素突出，哪些元素模糊，哪些元素看上去成組，哪些元素看上去零散。從多個角度去觀察，總能夠發現之前沒有注意到的布局和構成問題。

信息復雜度

通常以信息量的大小或樣式多少來衡量，這兩個維度實際決定了信息的瀏覽時長。例如一個詳情頁面內都是純文本信息，但是信息量較大（超過三屏），則認為這個頁面的復雜度較高，或者一個詳情頁面內同時包括文本、表格、代碼展示、圖表等元素，也會認為這個頁面的復雜度較高。

信息的復雜度和關聯性并不是兩個完全獨立的維度，根據關聯性去組織信息，本身就是為了降低信息呈現出的復雜程度。而對復雜度的研究，可以幫助我們如何選擇合適的方式把信息呈現給用戶。

頁面信息組織實踐 - 詳情頁設計

具體到界面設計層面，信息體量大、復雜度高常常是中后臺界面設計的難題之一。以詳情頁為例，詳情頁內的信息該如何合理的組織信息并有效的傳達給用戶呢？

根據關聯性和復雜度的概念，我們抽象出一個簡單的「復雜度模型」，用來判斷信息復雜程度和關聯性對頁面結構的影響。

橫坐標表示頁面信息之間的關聯性，縱坐標表示信息的復雜程度，兩者交叉組成的色塊代表不同的信息等級?？拷c最淺的色塊，代表復雜程度低且關聯性強的內容，例如一段純文本的產品描述信息；遠離原點顏色最深的色塊，代表復雜程度高且相互獨立的信息，例如一個發布流程中的集成測、預發環境測試、灰度測試、上線等各個階段信息展示。

與之對應的，我們對信息展示方式也進行了維度劃分，用來解決在復雜的企業級產品界面設計中，何時使用卡片區分，何時拆分為 tab 等布局問題。

根據承載信息復雜程度的不同，我們對容器組件也進行復雜度劃分，用來解決在不同頁面布局中，不同類型的信息用何種方式呈現的問題。

這個模型可以幫助設計者在決策布局組件時，有章可循。最終讓用戶感知，當用戶來到一個頁面時，即可對頁面的信息量、信息的搜尋方式有統一的預期。我們嘗試將復雜度和關聯性模型在界面布局中落地：

關于以上的模型在實際設計中該如何操作，這里提供一個推薦步驟可以參考：

• 「復雜度判斷」明確設計對象信息量的大小

• 「關聯性判斷」判斷各個信息之間的關聯性，并合理分組

• 「組件選擇」選擇合適的容器組件來呈現信息

• 「模板選擇」選擇合適的頁面模板，組織編排信息

• 「瞇眼測試」檢查整體布局是否合理（僅參考）

結語

大到一個系統，小到一個按鈕，背后的每一條規則既要從人的角度去思考設計的易用性，同時也要從信息本身去推敲組織的合理性。作為設計規范的制定者，不能憑感覺簡單了事，而是需要找到一套通用的模式，幫助用戶快速找到并理解信息幫助用戶提效，同時提升用戶的瀏覽體驗，是我們一直在探索的課題。

虛擬界面的信息組織和現實世界一樣，既需要符合人們對事物的認知，也需要遵循人們的行為習慣，這些認知和行為習慣，構成了自然交互的基礎，這也是我們一直在探索方向。當然，信息組織除了以上這種思路，還有更多的思路和方向等待挖掘，期待大家的反饋和建議，幫助我們一起完善。

很多網站仍然在使用老舊的頁面設計，比如國內一些企業官網，萬年不變的相類似的模板，外國的則是hero頁面，帶CTA按鈕，三欄式的布局。這些設計不能說是不好的設計，很實用，用戶能夠預測展示的內容，也容易找到需要的內容。但是正因為可預測，用戶沒有新鮮感，沒有期待，所以我們找了一些不僅打破常規，也依然有良好用戶體驗的網頁設計。

接下來是精彩的UI設計賞析

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

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

  更多精彩文章：

       ui界面設計之網站設計案例欣賞(一)

       超贊的創意頁面排版設計，打造“視”不可擋的網頁設計

      超贊的網頁設計+精美流程圖賞析

       超贊的網站設計賞析

前言：一直總覺得td的寬度好難駕馭，但萬事萬物總是有規律的。就像亮劍說的：不用因為怕八路就敬而遠之，應該靠上去，熟悉他們，了解他們。

正文：

• Table只有Table的寬度是可以設置的，并且各個瀏覽器理解一致

• 1.原則上應該講table的寬度設置成一個固定的值，而不應該設置成一個根據屏幕變化的值
  Table的寬度為600px,Table的td所有寬度總和不到600px,瀏覽器會自動按照td的寬度的比例算出寬度

  <table style="width: 600px;border-collapse: collapse;" > <tr> <td style="width: 200px;">我是200px</td> <td style="width: 200px;">我也是200px</td> </tr> </table>  
          
  
  
              
  
                  1
              
  
              
  
                  2
              
  
              
  
                  3
              
  
              
  
                  4
              
  
              
  
                  5
              
  
              
  
                  6
              
  
          
  

  運行結果：兩個td都是300px;

• 2.Table的寬度為600px,前兩個td的寬度已經為600px,那么第三個td的寬度沒有指定，這樣的話第三個td的寬度是根據內容出現寬度的，然后前兩個再按照比列計算、
  前兩個td小于table寬度，那么最后一個td就起到補全的作用

   <table style="width: 600px;border-collapse: collapse;" > <tr> <td style="width: 300px;">我是200px</td> <td style="width: 300px;">我也是200px</td> <td >我是根據內容的</td> </tr> </table>  
          
  
  
              
  
                  1
              
  
              
  
                  2
              
  
              
  
                  3
              
  
              
  
                  4
              
  
              
  
                  5
              
  
              
  
                  6
              
  
              
  
                  7
              
  
          
  

• 3.Table中的td內，如果放置塊狀元素超過td的寬度，并且table的table-layout: fixed;(fixed表示td的寬度是定長的，不隨td內容變化而變化)。
  這樣盡量不要再td里寫overflow: auto; 因為這樣在IE6,7不會出現滾動條的，最好的辦法是套一個div，寬度設置成100%

  <table style="width: 600px;border-collapse: collapse;table-layout: fixed;" > <tr> <td style="width: 200px;"><div style="width: 100%;overflow: auto;"><div style="width: 300px;height: 100px;background-color: red;"></div></div></td> <td >我是自由寬度</td> </tr> </table>
          
  
              藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
          
  
          
  
               
          
  
          
  
              
  
  
          
  
          
  
              轉自：csdn 
          
  
          
  
              分享此文一切功德，皆悉回向給文章原作者及眾讀者.
          
  
          
  
              免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
          
  
          
  
              藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
          
  

本次活動中，嘉賓通過眾多豐富、有趣的案例介紹了數據可視化的概念、作用和設計方法，信息量滿滿。

分享框架：

嘉賓首先分享了2個數據可視化案例：

1. 設計師把閱讀困難癥患者普遍能看到的東西進行實體化、視覺化，讓別人能進入他們的世界。
   
2. Aaron Koblin的作品《Flight Patterns》，讓人眼突破視域的界限，以“鳥瞰視角”來看北美居民的遷徙過程。
   

活動筆記：

1. 什么是數據視覺化？

其實它就是把不可見的數據轉化為可間接被觀察數據的過程。它不提供回答，只是提供一種觀察的新方式。

舉例一個來自小數據觀察的自我探索項目：太極。

將太極拳的動作進行數據采集完成了第一張數字國畫，有人質疑說好看但無用，嘉賓解釋由于好看吸引了人群，從人群的行為進行觀察可能會有意想不到的發現。

數據視覺化的初衷并不是為了解決問題，而是為了探索。

前田約翰（John Maeda）曾經說過：“好藝術的使命是喚起思考，好設計則是讓事物變得清晰，并能解決實際的問題！”

2. 數據視覺化有什么用？

介紹兩張數據視覺化歷史上教科書級別的神圖：

1. 《拿破侖東征》誕生于1861年，由法國工程師查理·米蘭德繪制，描述了1812年拿破侖東征俄羅斯的失敗戰役。圖中透過2個維度呈現了6類資料：拿破侖軍的人數、距離、溫度、經緯度、移動方向，讓人在一個靜態的平面上同時觀察多種數據變成可能。
   
2. 另一位南丁格爾女士，是一名護士。作為軍醫，她清楚地知道大部分士兵都不是戰死沙場，而是死在醫療環境極差的軍營里，她自己懂，可是怎樣才能影響國會呢？她發明了玫瑰圖，用以表達軍醫院季節性的死亡率，對象是那些不太能理解傳統統計報表的公務人員。她的方法打動了當時的軍官統領和維多利亞女王本人，于是醫事改良的提案才得到大力支持。為了紀念她的貢獻，后來她的頭像被印在了英鎊上。
   

數據可視化研究的不僅僅是“數據如何能被看清”，還有“數據如何能被看懂”。

2.1 數據如何被看清？

可以通過顏色，大小，方向去提高數據的差異性。最簡單的例子就是報表中的標紅。

1. 有效標紅的第一步：去顏色干擾，第二步：去分隔線干擾；
2. 去掉沒有用的東西，例如框框、加粗；
3. 對齊很重要：數據右對齊、信息左對齊，注意表頭對齊；
4. 間隔和行距也很重要；
5. 單位很重要，盡量減少數字本身的長度，不超過4位；
6. 去重非常重要（盡可能減少畫面里的重復信息，可以讓重要的信息更突出）；
7. 字體修正（看個人喜好）。

2.2 數據如何被看懂？

嘉賓介紹了4個項目：

項目1：國內外藝術院校的數據可視化展示。

由于經常會有同學問各大美院或藝術類院校之間的區別。嘉賓抓取了17所國內國外院校的數據來做展示，藍色是代表“設計類”，白色代表“純藝術類”。從中也可以看到院校的結構是否扁平。

項目2：嘉賓基于wikidata數據庫編寫的小工具。

最初只是用來快速查找藝術家的基礎信息，后來加入視覺化功能，把所有查詢到的人排列到一根時間軸上，橫向觀察她所關注的藝術家的生活年代及壽命。

通過可視化的展示，她發現自己關注的都是集中在某一個時期的藝術家，除了看到自己的喜好之余還很有效地發現自己的知識盲區（只有看到了自己知道什么，才能知道自己還不知道些什么）

我們可以發現在人類歷史上，很多人物在時間即便在空間上沒有交集，卻在時間上相遇了。

比如Jackson Pollock，藝術史上動態藝術里面用身體的律動去做油畫的一個非常重要的藝術家，他和計算機之父圖靈原來都是同一年出生的，酒鬼Jackson Pollock居然比圖靈還多活了兩年。

我們還能八卦一些愛情故事，原來搖滾界的神話列儂跟小野洋子是姐弟戀，而且列儂只陪伴了洋子生命的一小段時間。

我們可以清楚地看到“看得見”的魅力。

很多信息的缺失并不是不存在，而是無法被看見，被觀察。

因為看不見，很多信息甚至是完全錯誤的。在測試代碼的過程中作者更意外地發現愛迪生的生日被錯寫為2016。

項目3：紐約大都會藝術博物館做的Unfinished項目。

Unfinished是大都會藝術博物館別館在首次開幕時的處女展，Unfinished討論的是“藝術很重要”的話題：在藝術的世界里，什么是未完成，展期為半年。嘉賓認為這個線下展展期太短非常可惜，希望可以通過技術的手段延長展期，更希望能降低門檻，讓更多世界各地無法前來觀展的人可以有機會參與討論。

于是嘉賓將Unfinished展做成了Google的插件，安裝插件之后，當新打開空白頁的時候，空白頁會自動被Unfinished的作品填滿，把一個簡單的空白窗口變成藝術之窗，同時讓人不需要任何搜索便進入展覽。

此外嘉賓賦予了這次改造更多的交互空間，讓人可以實現在傳統線下博物館沒有的體驗，讓他們自由地在“未完成”的作品上進行創作并分享，延長了作品的壽命，讓藝術品重回人們的生活中，賦予其新的價值和靈魂。

項目4：通過整理全國美展的數據總結的一些獲獎規律

得到的3個有趣的結論是：

1. 高亮的紅色、黃色很受歡迎
2. 1999年，30多、40多的藝術家容易獲獎
3. 畫一張少數民族在沙發上抱著一頭牛的作品在數據上是很可能獲獎的

3. 數據如何被視覺化？

在實際工作里，大部分人會接觸到的數據視覺化實際上是信息圖表，關于信息圖表的一些規范和小技巧嘉賓也有提及到：

在做圖表時，動機往往比較重要。

下圖是為了說明布什總統下臺的話，居民稅收會增長多少，其實只有不足5%的區別，但對圖表做了去零線處理，使得看起來差異很大。

作圖的時候要先說明結論。

比如下面的表格是員工為了向老板說明自從少了兩位員工之后，單子處理不過來了，意思就是說老板你得給我加人。

千萬不要出現彩虹柱狀圖，折線圖在多周數據對比的時候會非常實用。

最后是一些推薦的網站和資源：

• https://informationisbeautiful.net/
• http://giorgialupi.com/
• 作者常用工具：Processing、D3.js等
  

最后釋疑：

• 問：是不是只有學會了寫代碼才能做數據視覺化的作品？
• 答：Dear Data就是一個很好的反例，它說明了手繪也可以是一種很靈活的創作方式。
  
  
  

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

  

  
  文章來源：UXRen   作者：寶珠
  

  分享此文一切功德，皆悉回向給文章原作者及眾讀者.
  免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
  

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

  
  

首先，我們怎么去理解在作品集版面中的“精致度”。我覺得可以將其轉化為“質感”，“細節”，“細膩”這樣的詞匯。其實“精致度”不足這個問題大部分同學也是能有所感知的，只是不知道哪里出了問題，也就無從下手。當然還有一小部分同學，可能并不覺得自己有什么問題，也無法體會修改前后的差別，這樣的同學，我建議你平時應該多看一些優秀的設計作品，多沉淀一下，這樣的方式對你幫助更大。

很多同學經常把“精致度”理解為形式感不夠，或者是不夠酷炫，這么理解是不準確的。這就好像一個產品，它的精致和它的外觀設計并沒有什么直接聯系，而是更多的取決于這個產品的做工和材質。做工體現在接縫的處理，邊角的打磨等等，而材質決定了其質感的好壞。那么同理，版面的“精致度”實際上和你的設計感也是沒有直接聯系。那么從哪些方面體現版面中的“精致度”呢？我結合自己的經驗總結了以下幾個方面：

1.舒適的間距。一個合適的，讓人舒適的間距特別重要。無論是文字與的，或者說認為不重要的事情?；靵y的，不統一的，不舒適的間距會讓版面變的排布變的無章，這就好像一個產品各個部件的拼接接縫大小不一，會導致“精致度”下降。

2.大小比例。版面中所有元素的互相之間，以及相對于整個版面的大小比例問題。這個也是非常重要的一個體現“精致度”的地方。所有內容都過于傻大粗，無疑會讓版面看起來非常粗糙。

3.層次感。層次感實際上是一個非常好的提升質感從而體現出“精致感”的手段。缺乏層次感的版面會顯得非常的寡淡，以及在內容較多時可能會在視覺上造成較亂的感覺。那么如何提升層次感，主要是靠對比的強弱。比如：深與淺，粗與細，大與小，疏與密等等。

4.字體。選擇一個精致好看的字體，對版面的精致度有一定的提升，不過還是要注意，字體的與版面之間的大小比例要注意。

5.配圖。配圖的質量也一定程度上影響了版面的精致度。無論是你自己做的圖，比如分析圖，效果圖等，還是你網上找的圖，如參考圖等，都很大程度上決定了你這一頁的精致度。

通過以上幾點的提升，我相信你的版面“精致度”一定會有較為顯著的提升，而版面效果也會看上去更為高級。不過這里還是要再次提醒，精致度和設計感是兩回事兒，如果只有精致度，而設計感較差，那也是不行的。希望本期的內容對你的版面有所幫助。

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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