別吐槽了，聊聊蘋果 iOS10 重回「卡片式設(shè)計(jì)風(fēng)格」
原標(biāo)題：有的人還在吐槽IOS10，聰明的人已經(jīng)在用卡片式工作
數(shù)英網(wǎng)用戶原創(chuàng)文章，轉(zhuǎn)載請(qǐng)聯(lián)系本人
自從iOS10 發(fā)布以來(lái)，好多小伙伴吐槽升級(jí)后手機(jī)非?？?，也有吐槽界面變化太大用不習(xí)慣的。
全賴小伙伴們的實(shí)時(shí)直播，筆者機(jī)智地在昨天才更新 iOS10，基本沒(méi)有出現(xiàn)上述問(wèn)題。不過(guò)講真，我不想在這里再開一個(gè) iOS10吐槽大會(huì)，而是想聊聊因?yàn)?nbsp;iOS10 而重回人們視線的「卡片式」設(shè)計(jì)。
iOS10你升了嗎
前幾年，不少APP和網(wǎng)頁(yè)都喜歡采用這樣的「卡片式」設(shè)計(jì)風(fēng)格，但是過(guò)一段時(shí)間后又會(huì)不約而同地紛紛改版?；ヂ?lián)網(wǎng)產(chǎn)品的設(shè)計(jì)風(fēng)格趨勢(shì)的變化日新月異，這次 iOS10 的出爐讓不少小伙伴又再重新關(guān)注「卡片式設(shè)計(jì)」，我們一度以為這種風(fēng)格將要沉寂一段時(shí)間，然而事實(shí)上它一直“經(jīng)久不衰”。
「卡片式」設(shè)計(jì)為何受寵
將卡片式設(shè)計(jì)應(yīng)用在互聯(lián)網(wǎng)產(chǎn)品中的，最初是以google為首的 Facebook、Twitter 等一系列大廠。這種設(shè)計(jì)可以更好的處理信息集合?？ㄆ淖兞诵畔⒔M織結(jié)構(gòu), 一定程度上統(tǒng)一了內(nèi)容的呈現(xiàn)形式。統(tǒng)一的內(nèi)容呈現(xiàn)形式使得同種類信息的一致程度高, 進(jìn)而導(dǎo)致辨識(shí)度、信息模塊化程度、操作一致性同時(shí)提升。
除了信息變得更加清晰易整理，卡片式設(shè)計(jì)還能從容地適應(yīng)不同尺寸的屏幕上，同時(shí)還保證著用戶體驗(yàn)的一致。比如，在筆記本上，可以在同一時(shí)間顯示三欄卡片；而在手機(jī)上只顯示一欄卡片， 達(dá)到不減少功能前提下更好的體驗(yàn)?？ㄆ皆O(shè)計(jì)，不僅改變了手機(jī)或平板上這種豎形內(nèi)容呈現(xiàn)方式，而且同時(shí)解決了屏幕尺寸碎片化問(wèn)題和多終端界面內(nèi)容展示的問(wèn)題。
卡片另一個(gè)重要的一個(gè)特征是易于操作?？ㄆ鳛橐环N擬真元素，可以被堆疊，覆蓋，移動(dòng)和劃去。這樣就極大的拓展了一個(gè)內(nèi)容塊的視覺(jué)深度和可操作性?？ㄆ橇Ⅲw的，有深度，可以被翻轉(zhuǎn)，擴(kuò)展性很強(qiáng)，翻轉(zhuǎn)之后的卡片可以顯示針對(duì)卡片的操作或者更多信息，而這是和當(dāng)前卡片緊密相關(guān)的操作/信息。
將思維轉(zhuǎn)化成「卡片式」
雖然我們習(xí)慣將「卡片式」視為一種設(shè)計(jì)風(fēng)格，但換個(gè)角度，我們也可以將自己的思維「卡片化」。如前文所述，在互聯(lián)網(wǎng)產(chǎn)品中，「卡片」的作用是承載著文字、圖片即視頻等信息。而在我們工作、生活的思考過(guò)程中，可以將每一段思緒、每一個(gè)idea視為一張「卡片」。
舉個(gè)栗子
▼
當(dāng)顏值護(hù)衛(wèi)隊(duì)員接到一個(gè)設(shè)計(jì)活動(dòng)海報(bào)的需求，于是二話不說(shuō)立刻打開PS？NO～此時(shí)應(yīng)該先從了解需求開始，來(lái)看看動(dòng)手做設(shè)計(jì)之前，顏值護(hù)衛(wèi)隊(duì)是如何通過(guò)思維的「卡片化」來(lái)梳理設(shè)計(jì)思路吧！
顏值護(hù)衛(wèi)隊(duì)平時(shí)就是這樣整理需求和素材的
此時(shí)差不多可以開始動(dòng)手設(shè)計(jì)了！一稿過(guò)不再是妄想！
為什么我們?cè)诠ぷ髦邢矚g使用思維導(dǎo)圖、流程圖的方式來(lái)整理思路，并用于跟團(tuán)隊(duì)成員溝通？因?yàn)檫@些方式都能幫助我們將腦海中的思緒與idea「卡片化」。待思路都梳理清楚之后，就可以推導(dǎo)出有效的執(zhí)行方案，更有條理地完成我們想做的事。
「卡片式」還可以這樣玩
既然卡片是一種擬真元素，那即是說(shuō)，卡片在應(yīng)用到互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)之前，早就以各式各樣的形式存在于我們的生活之中，例如名片、各種證件，還有便利貼等。反過(guò)來(lái)，當(dāng)設(shè)計(jì)幫我們從這些看似平凡的工具中抽離出那些重要的元素（堆疊，覆蓋， 移動(dòng)和劃去）時(shí)，又為我們提供了一種新的工作思維方式：先產(chǎn)生大量碎片，然后尋找它們內(nèi)在的聯(lián)系，從而發(fā)現(xiàn)新的方向。我們也可以叫它非線性思維。
碎片化+重構(gòu)
它們的差別，就像讓你去寫一篇文章，線性思維要求你直接在紙上寫出來(lái)，有頭有尾，一筆都不可以錯(cuò)，否則就得推倒重來(lái)；而卡片式思維則是，我先用便利貼制作一堆素材碎片，然后在拼貼中逐漸找到那些真正和核心有關(guān)的事情，以及它們之間的聯(lián)系，快速地調(diào)整。
而卡片式思維用在需要收集多人及多方面信息的情況就更加合用了。比如我們?cè)谟脩趔w驗(yàn)研究中常用的“用戶故事地圖”，使用它，我們無(wú)需再像過(guò)去的調(diào)研那樣，設(shè)置一個(gè)有很多問(wèn)題的問(wèn)卷，然后一個(gè)個(gè)地去訪問(wèn)，記錄，最后統(tǒng)計(jì)整理，而可以把多個(gè)用戶邀請(qǐng)進(jìn)來(lái)，在很多不同的地方同時(shí)貼下思維的碎片，最后再?gòu)闹姓业絻?nèi)在的聯(lián)系，發(fā)現(xiàn)真實(shí)的“用戶旅程”。
可視化自己的大腦
當(dāng)然，一塊白板，一疊便利貼和一支筆，用來(lái)梳理自己的思路，也是很有用的利器。當(dāng)我們對(duì)于要做的事情感到千頭萬(wàn)緒，不知道要從哪里開始時(shí)，不妨先把能想到的一切都分別寫/畫在便利貼上，賦予思想一個(gè)身體，再看看它們之間的聯(lián)系。同時(shí)，視覺(jué)化的思維也更利于記憶和傳遞。
例如，當(dāng)我在思考一個(gè)即時(shí)通訊軟件的架構(gòu)時(shí)
所以說(shuō)，設(shè)計(jì)和生活其實(shí)是相互影響的，設(shè)計(jì)思維是一種尋找高效解決問(wèn)題方式的思維，那么，它肯定也能用在“設(shè)計(jì)”這個(gè)小領(lǐng)域以外的地方。
了解更多創(chuàng)意思維可掃：
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
暫無(wú)評(píng)論哦，快來(lái)評(píng)論一下吧！
全部評(píng)論（0條）