前幾天iOS 7正式版終於發布,用戶對其扁平化設計風格褒貶不一。其實我們早在三個月前就在PICOOC的APP上率先“痛苦地”決定了採用“類扁平化設計”(稍後會給出解釋)。基於PICOOC系列產品的特性,當時整個App的GUI上遇到了很多的問題和挑戰。


如Latin健康秤所採集的紛雜的體徵數據流如何能以易懂的圖形化形式,讓用戶明白自己的身體健康狀況;那些北漂、廣漂一族通過Latin如何異地查看、
管理家人、朋友的健康信息,因為巨大的信息流要流入到不同類型的用戶界面上;在如今的多屏世界裡,如何才能滿足他們在如手機/手錶/iPad/電視中隨意
切換和查看自己健康信息的需求。這些都是我們要解決的問題,我們團隊也歷經了無數次的嘗試和迭代。以下便是我們對扁平化和擬物化的思考:

 

“扁平化設計”與“ 擬物化設計 ”孰是孰非?


於蘋果的這次大膽的嘗試,業界一直對於“擬物化設計”和“扁平化設計”褒貶不一,有些則比較偏頗;所謂偏頗,也就是片面表達某種風格一定比某種風格更好,
以及好在哪裡。我先闡述幾個概念,並分析蘋果為什麼這麼做,以及我們為什麼這麼做!而我認為二者並不是非黑即白的對立關係,因為設計並無好壞之分,存在即
合理。拖離開產品以及用戶, 那些誰對誰錯的判斷都是顯得毫無底氣。況且蘋果根本就沒有否定並且取消“擬物化設計”,而且之前老喬時代,iOS
界面裡同樣有扁平化的影子,比如圖表菜單等。

何謂“擬物化設計” ?

擬物化設計的概念就不再這裡闡述了,簡單的理解就是“模擬現實對象”,按照蘋果的說法,應用程序的外觀看起來與現實生活中的對應物越接近,使用起來就越簡單,相應的也有利於改善應用程序的用戶體驗。


人類最早的語言“象形文字”便是擬物化,人類幾乎所有的文字一開始都是像形文字,用擬物的方式來描繪現實世界中的東西,學習成本低,易記。老喬對界面設計
的一個理想是,任何年齡的人,任何經歷的人,都可以在拿到設備後的幾分鐘內輕鬆的掌握它的用法。於是Apple 通過利用人們的日常經驗,
做出擬物化的界面,從而降低用戶的學習成本以及理解難度。

想像一下,當你應用中的可視化對象和操作按照現實世界中的對象與操作仿造,用戶
就能快速領會如何使用它( iOS Human Interface
Guidelines)”。模擬實物的視覺設計和交互體驗,讓用戶完全不用去抽象的理解就可以直觀的認知和使用。當你到三里屯的Apple Store
裡面,你會發現很多的小孩,兒童,老人在操作iPhone、iPad 的時候,根本不需要別人去教,自己玩幾分鐘即可以流暢的使用他們。

蘋果之所以形成瞭如今的界面風格,是因為老喬對低學習成本的極大的重視,因而才會在界面中大量使用隱喻和模仿;而如今的扁平化設計也沒有從本質上脫離這個根本的軌道。

何謂“扁平化設計”?

扁平化設計(Flat design)完全屬於二次元,這個概念最核心的地方就是放棄一切裝飾效果,諸如陰影,透視,紋理,漸變等等能做出3D 效果的元素一概不用。所有的元素的邊界都乾淨利落,沒有任何羽化,漸變,或者陰影。

扁平化設計其實是一門古老的UI 設計,早在Windows 95 時代開始,我們在PC 上看到的BIOS 設置界面就是非常典型的扁平化設計,他當時不美觀,但是並不難學,而且扁平化界面很是清晰明了!

“扁
平化設計”有著鮮明的視覺效果, 整個界面的配色平均會採用到6-8
種顏色這個對於開發團隊的挑戰極大,頁面效果更加絢麗、明亮。它所使用的元素之間有著清晰的層次和佈局,這使得用戶能直觀的了解每個元素的作用以及交互方
式。在需要展現強大信息流的界面內,它讓用戶最大程度地減少學習使用成本。僅僅憑藉用戶的直覺就大概能夠明白每個對象、按鈕的作用。

 

微軟在Win8 Metro界面中,使用了完全的扁平化設計;在蘋果產品及iOS系統中,看到了部分扁平化設計影子,在Google中,我們也同樣看到了準扁平化設計模式。微軟在Win8 Metro界面中,使用了完全的扁平化設計;在蘋果產品及iOS系統中,看到了部分扁平化設計影子,在Google中,我們也同樣看到了準扁平化設計模式。蘋果這一次徹底否定了什麼?


拋出“類扁平化設計”概念,就是因為從邏輯上講,蘋果並未拋棄“擬物化設計”,同樣也並未完全追求所謂的“扁平​​化設計”,而是擬物化的扁平化設計這種
兼容並包的嘗試。蘋果這次徹底拋棄了“浮雕化設計”。所以,蘋果的這種“類扁平化設計”的邏輯出發點是“ 為觸摸優化”。

浮雕化其實是鼠標時代的產物,它需要配合各種光標浮動和光影來給用戶明確的提醒和引導。而觸屏時代之初,這種浮雕化也留存下來,但其意義已經不大。因為觸屏時代所觸即所得而不需要光影等來做方向指引了。

何謂浮雕化設計?


標時代的開始,“富有智慧”的“浮雕化設計”作為新生事物便開始躍躍欲試,記得從Mac OS 6 和Windows 3.1 開始,PC
的界面開始大膽使用浮雕效果。——鼠標的光標點擊動作在屏幕上得到確認,設計者使用了“浮雕效果”讓按鈕能夠清晰地展現“選中、按下、彈起“狀態,整個鼠
標主導下的GUI 的風格都是以此為出發點,並且沿用至今。

記得08 年底,我剛剛籌劃博看文思的那個時候,連我自己都沒有相信,移動互聯網僅僅用了4、5 年的時間幾乎把互聯網10 多年發展的內容全部做了一遍,而且移動智能終端的SoLoMO 的特性又開始把互聯網做不到的內容和服務又做了一遍。

鼠標的興起成就了“浮雕化設計”的輝煌。現在,千元智能手機也都已經成為了各家手機廠商喊殺價格戰的“紅海”, 蘋果這次大膽的取消了浮雕效果,基本就是觸摸操控興起和鼠標沒落的結果,因為摸操控的時代已經開始了。

類扁平化設計時代到來


這裡說“類扁平化設計”指的是擬物化的扁平化設計。它並未徹底拋棄擬物化的優勢,但是,從另一個維度,它在“扁平化設計”方面進行了大膽的嘗試:如取消了
浮雕效果。在觸摸的時代,浮雕效果的必要性大大減弱了,它變成了一種偏重裝飾性的多餘的設計。“類扁平化設計”風格本質上把良好的體驗給了用戶,把挑戰留
給了開發者。比如上文已提到整個界面的配色平均會採用到6-8 種顏色,這個就對於開發團隊的挑戰極大。

“類扁平化設計”成為一種必然的趨勢,並不是單純的因為審美疲勞導致的為了變化而變化,而有以下幾個原因:

“類扁平化設計”具備非常好的兼容性,而單純的擬物化設計既繁瑣又費時。現在是一個多屏的時代,不同尺寸和分辨率的的智能終端,PC 顯示器、智能電視、以及所謂的智能手錶等等,你會發現,類扁平化設計都能很好的適配到不同的終端上。
“類扁平化設計“具備優秀的組織和展現信息的能力。現在是一個信息紛雜的時代,扁平化設計可以把紛繁複雜的內容和功能有效的組織起來,以簡單但合理的方式排列,使得最終的用戶界面變得如此的簡單易用。
“類扁平化設計”更適合屏幕較小的智能終端,它有更少的按鈕和選項,使整個界面乾淨整潔、條理清晰,讓用戶減少認知障礙,降低用戶的學習成本。

美的設計的終極目的就是用戶拿到產品後沒有學習成本,易用,好用,愛用!不管白貓黑貓,用戶喜歡的就是好的產品,我們可以採用任何方式,其中包括所謂的扁
平化設計、擬物化設計。沒有任何公司能夠把所有的生意都做完,也沒有任何的商人能夠把全世界所有的錢都能賺完。同樣,也沒有任何的設計風格能夠包打天下。
但是我認為,氾濫的數據、紛雜交叉的信息流、PC時代網頁當在前多屏時代就要憑藉“類扁平化設計”呈現給用戶。“類扁平化設計”才剛剛開始。

【翔翔3C-0986-412902】大台北台中全省專業高價現金收購2手3C商品 http://www.fly3c.tw

收購鏡頭收購平板電腦收購相機收購筆電電玩收購收購iPad5收購手機收購筆記型電腦翔翔3C - Fly3C

大台北台中全省收購2手3C產品 服務電話:

0986-412902 許先生 LINE帳號: fly3c

(限來源正當商品,請勿以身試法)

詳細項目:

全省收購3C老字號收購商,秉持【誠信】、【專業】、【迅速】、【高價】四大經營理念,熱忱服務,
專業服務,誠信報價,盡量配合方便的地方面交。

收購當面現金交易,經營買賣單純,歡迎來電詢價比較,高價最快速服務,現金高價收購 洽詢專線:0986-412902
堅持顧客至上.服務品質.細心負責. 誠信態度.專業知識.永續經營.三大堅持.正派經營

收購卡西歐TR150收購TR250 TR350 ZR1000 ZR2000各類數位單眼相機/收購數位相機/收購類單眼相機/消費型數位相機
◆收購各類鏡頭/收購鏡頭/人像鏡/廣角鏡頭/魚眼鏡/旅遊鏡/變焦鏡/中望遠變焦鏡/廣角變焦鏡/標準鏡頭/微距鏡/移軸鏡/增距鏡◆
◆收購佳能CANON 550D 600D 650D 5D3 5D2 7D 1DS 1DX,國祥NIKON D90 D300S D700 D800 D4..各類單眼鏡頭 ◆
◆收購各類鏡頭/鏡頭收購/大三元/L鏡/G鏡/A鏡/T鏡/小白/小小白/小黑◆
收購各類攝影器材/GOPRO/STEADYCAM/穩定器/雲台/追焦器/閃光燈/攝影棚燈/腳架/像機包/線控/濾鏡/UV保護鏡/偏光鏡/ND減光鏡/色溫鏡/星芒鏡/柔焦鏡◆
◆收購各類廠牌/Canon/Nikon/Casio卡西歐相機/Leica/Sony/Olympus/Pentax/Contax/Zeiss/Rolleiflex/MAMIYA/哈蘇hasselblad ◆
◆收購ORIS、OMEGA、MIDO、Cartier 卡地亞、IWC 萬國錶、LONGINES 浪琴錶、GUCCI、CHANEL 香奈兒、RADO 雷達錶、PANERAI 沛納海、ROLEX 勞力士、BALL 波爾錶、CONSTANT 康斯登、Hamilton 漢米爾頓、Maurice Lacroix 艾美表、TAG Heuer 豪雅表、BURBURRY、Ogival 愛其華、TISSOT 天梭、CK、Agnes b.、ARMANI、LUMINOX 雷明時 …等各大廠牌二手、名錶收購。◆
◆收購筆記型電腦、蘋果電腦、二手筆電買賣平板電腦收購SONY VAIO、ASUS、ACER、IBM、APPLE MAC BOOK PRO、MACBOOK AIR、IMAC、筆電收購收購iPad mini
收購數位相機二手相機買賣、DSLR數位單眼相機、、收購鏡頭、CANON、NIKON、單眼鏡頭、、攝影器材收購
收購攝影機、DVD攝影機、硬碟攝影機、收購HDV攝影機◆
◆收購液晶電視、LED電視、投影機、音響收購、喇叭、iPod touch 5代、iPod nano、iPod shuffle、◆
◆收購PS3、PS4遊戲主機、PSP、Wii、X-BOX 360、NDSL、NDSi、Kinect、PSP GO、PSP、PS3 4007收購◆
收購手機、、收購智慧型手機、、中古手機買賣、、二手手機回收、、二手筆電回收、、電子辭典、GPS衛星導航、望遠鏡收購◆
收購名錶:※※另有收購精品手錶,機械錶,ROLEX勞力士,Bell&Ross手錶,OMEGA手錶,ORIS手錶,PANERAI、手錶收購沛納海名錶、ROLEX 勞力士,卡地爾 cartier精品收購,各類庫存 精品皆有回收◆
收購3C:收購各類精品3C產品◆

服務範圍:

大台北台中、木柵、景美、新店、信義區、中永和、公館、台北車站、西門町、淡水、東區、士林、

宜蘭、基隆、桃園、新竹、高雄...

全省專人服務。個人換機出售、公司行號汰舊換新,估價公開透明,歡迎多多比較。

歡迎來電洽詢產品資訊以及詢問比價,不管是全新、二手、中古的所有產品,數量不拘,有任何其他相關問題,歡迎來電詢問,
一通電話都將會有專人到府服務幫您處理您不需要的商品,
並以市場公訂價合理現金收購 。

三大保證:

★保證誠信高價收購,訂定買賣契約,保障彼此權益

★專門服務全省民眾,服務快速、且提供相關專業的資訊

★一律現金當面交易,如有任何其他交易方式需求,請來電洽詢

【翔翔3C】-0986-412902大台北台中全省專業高價現金收購2手3C商品 http://www.fly3c.tw

 

arrow
arrow

    nikond800 發表在 痞客邦 留言(0) 人氣()