別吐槽了，聊聊蘋果 iOS10 重回「卡片式設計風格」

原創贊6 收藏10 評論

舉報 2016-11-01

掃描,分享朋友圈

原標題：有的人還在吐槽IOS10，聰明的人已經在用卡片式工作
數英網用戶原創文章，轉載請聯系本人

自從iOS10 發布以來，好多小伙伴吐槽升級后手機非常卡，也有吐槽界面變化太大用不習慣的。

有的人還在吐槽IOS10，聰明的人已經在用卡片式工作

全賴小伙伴們的實時直播，筆者機智地在昨天才更新 iOS10，基本沒有出現上述問題。不過講真，我不想在這里再開一個 iOS10吐槽大會，而是想聊聊因為 iOS10 而重回人們視線的「卡片式」設計。

別吐槽了，聊聊蘋果 iOS10 重回「卡片式設計風格」

iOS10你升了嗎

前幾年，不少APP和網頁都喜歡采用這樣的「卡片式」設計風格，但是過一段時間后又會不約而同地紛紛改版。互聯網產品的設計風格趨勢的變化日新月異，這次 iOS10 的出爐讓不少小伙伴又再重新關注「卡片式設計」，我們一度以為這種風格將要沉寂一段時間，然而事實上它一直“經久不衰”。

別吐槽了，聊聊蘋果 iOS10 重回「卡片式設計風格」

「卡片式」設計為何受寵

將卡片式設計應用在互聯網產品中的，最初是以google為首的 Facebook、Twitter 等一系列大廠。這種設計可以更好的處理信息集合。卡片改變了信息組織結構, 一定程度上統一了內容的呈現形式。統一的內容呈現形式使得同種類信息的一致程度高, 進而導致辨識度、信息模塊化程度、操作一致性同時提升。

除了信息變得更加清晰易整理，卡片式設計還能從容地適應不同尺寸的屏幕上，同時還保證著用戶體驗的一致。比如，在筆記本上，可以在同一時間顯示三欄卡片；而在手機上只顯示一欄卡片，達到不減少功能前提下更好的體驗。卡片式設計，不僅改變了手機或平板上這種豎形內容呈現方式，而且同時解決了屏幕尺寸碎片化問題和多終端界面內容展示的問題。

「卡片式」設計為何受寵

卡片另一個重要的一個特征是易于操作。卡片作為一種擬真元素，可以被堆疊，覆蓋，移動和劃去。這樣就極大的拓展了一個內容塊的視覺深度和可操作性。卡片是立體的，有深度，可以被翻轉，擴展性很強，翻轉之后的卡片可以顯示針對卡片的操作或者更多信息，而這是和當前卡片緊密相關的操作/信息。

「卡片式」設計為何受寵

將思維轉化成「卡片式」

雖然我們習慣將「卡片式」視為一種設計風格，但換個角度，我們也可以將自己的思維「卡片化」。如前文所述，在互聯網產品中，「卡片」的作用是承載著文字、圖片即視頻等信息。而在我們工作、生活的思考過程中，可以將每一段思緒、每一個idea視為一張「卡片」。

舉個栗子

▼

當顏值護衛隊員接到一個設計活動海報的需求，于是二話不說立刻打開PS？NO～此時應該先從了解需求開始，來看看動手做設計之前，顏值護衛隊是如何通過思維的「卡片化」來梳理設計思路吧！

別吐槽了，聊聊蘋果 iOS10 重回「卡片式設計風格」

顏值護衛隊平時就是這樣整理需求和素材的

此時差不多可以開始動手設計了！一稿過不再是妄想！

為什么我們在工作中喜歡使用思維導圖、流程圖的方式來整理思路，并用于跟團隊成員溝通？因為這些方式都能幫助我們將腦海中的思緒與idea「卡片化」。待思路都梳理清楚之后，就可以推導出有效的執行方案，更有條理地完成我們想做的事。

別吐槽了，聊聊蘋果 iOS10 重回「卡片式設計風格」

「卡片式」還可以這樣玩

既然卡片是一種擬真元素，那即是說，卡片在應用到互聯網產品設計之前，早就以各式各樣的形式存在于我們的生活之中，例如名片、各種證件，還有便利貼等。反過來，當設計幫我們從這些看似平凡的工具中抽離出那些重要的元素（堆疊，覆蓋，移動和劃去）時，又為我們提供了一種新的工作思維方式：先產生大量碎片，然后尋找它們內在的聯系，從而發現新的方向。我們也可以叫它非線性思維。

「卡片式」還可以這樣玩

碎片化+重構

它們的差別，就像讓你去寫一篇文章，線性思維要求你直接在紙上寫出來，有頭有尾，一筆都不可以錯，否則就得推倒重來；而卡片式思維則是，我先用便利貼制作一堆素材碎片，然后在拼貼中逐漸找到那些真正和核心有關的事情，以及它們之間的聯系，快速地調整。

碎片化+重構

而卡片式思維用在需要收集多人及多方面信息的情況就更加合用了。比如我們在用戶體驗研究中常用的“用戶故事地圖”，使用它，我們無需再像過去的調研那樣，設置一個有很多問題的問卷，然后一個個地去訪問，記錄，最后統計整理，而可以把多個用戶邀請進來，在很多不同的地方同時貼下思維的碎片，最后再從中找到內在的聯系，發現真實的“用戶旅程”。