昨天的彩蛋答案在今天第二篇推文中,不要錯過哦~
下面是今天的設計小思考。
設計小思考
APP使用第三方社交帳號登錄時,不同的登錄方式用戶數據往往並不互通,所以可能會出現登錄後發現不是預期的帳號,再退出重登的狀況。
為了消除用戶「我以前是用什麼登錄的」這樣的困惑,你準備如何設計呢?
我們明天會在推文中解答,如果你有好的解決方案也可以留言告訴我們哦~當然,你也可以現在就得到答案!
那就是在「挖藕」星球(下載知識星球APP,搜索「挖藕」進入)中搜索「第三方登錄」就可以得到更為巧妙的設計方案。「挖藕」裡全都是這種巧妙的設計方案。
Apple 致力於讓每件產品都賞心悅目,與其說官網是產品展示平臺,倒不如說它是蘋果產品分支的延續。
我相信,從 Apple.com 找設計靈感是每一位設計師都做過的事。那它到底有何魅力?跟我來一探究竟吧。
我們在產品介紹頁可以看到,蘋果使用了大量的滾動 scroll 來體現連續性。
一方面,滾動作為大多數 Web 用戶最自然的操作,學習成本極低。
另一方面,在冗長的頁面下,滾動能讓產品特性保持更自然的轉場銜接。
iPad Pro 的連續性
另外,採用了大量的動畫式轉換(animated transition),即操作時展示的動態效果,以此來增加趣味性。
伴隨著豐富的、若隱顯現的章節文案,就像電影的旁白一樣,娓娓道來。
通過滾動的方式增加交互性,這是明智之舉。試想一下,如果只放置已渲染的演示視頻,那麼用戶的操作會受到限制,只能在視頻中前進或後退,毫無樂趣可言。
AirPods 的趣味性
說到言之有序,我們看 iPad 的頁面介紹。四款產品,分別是:iPad Pro、iPad Air、iPad、iPad mini。
拍攝角度的秩序感,可謂妙不可言。
iPad Pro 的拍攝角度接近於正側面。
iPad Air 是四分之三側面。
iPad 是正面。
iPad mini 是俯視。
其次,官網與 iOS 保持協同的設計語言,給用戶呈現了一致的感官體驗。
從 iOS 11 開始,蘋果就採用了 Large Title 大標題的字體風格。字重也從 Regular + Light 的組合,轉向的 Medium + Bold ,以此增強信息傳播中的識別力。
HomePod
另外,高斯模糊的標題欄背景、產品的投影等設計語言也保持系統一貫的風格。我們可以很清晰的看到 Web 設計的同步轉變。
第三是視差帶來的層次感。
蘋果奉行包浩斯的無裝飾和極簡的理念。當然,它不是那種附庸的美觀及外表的光鮮,而是將複雜難懂的技術以簡潔的形式傳達給用戶。
不僅如此,樣式上富有視覺張力。或擴張、或收縮、或吸引、或排斥之感覺,呈現刺激與震撼。舉兩個例子:
A13晶片的擴張力
我們都知道,高飽和度的色彩,會影響人的情緒波動。相反,低飽和度的配色,對人眼的刺激較弱,會有一種冷靜且克制的高級感。
iMac Pro 高級感
回過頭來看蘋果官網的大部分頁面,除了產品界面色彩和按鈕藍之外,其他的文字、背景、控制項一律採用黑白灰色系,以此營造高級感。
甚至是 iPhone 11 Pro 新出的暗夜綠,也是高級灰中加了一點點綠而已。
換言之,減少使用顏色的數量,降低色彩的飽和度都能削減色彩對人的情緒,起到提升產品高級感的效果。
iPad 留白
當然,只有留白是不夠的。既然是做宣傳,那麼一份高解析度、精緻的配圖就顯得尤為重要。
蘋果官網大部分的產品都是採用實拍+後期修圖,而非渲染圖。目的就是為了反映真實產品的質感、以及材質光影效果,這一點能看到蘋果對於品質的極致追求。
Designed by Apple in California
不僅如此,蘋果產品聖經《Designed by Apple in California》,以及壁紙同樣是由攝影師拍攝完成。有興趣的同學可以看下面這個幕後製作視頻,相當硬核。
做過英文 Web 的設計師都知道,英文往往比中文更好設計,相同的布局英文出來的效果也更好看。
這不是崇洋媚外,心理學有個詞叫做「母語羞澀」。簡單來說就是,中文對於我們來說,太常見了會讓人產生一種廉價感(實際上是羞澀感)的心理感受。
老外也一樣,你可以看到美國企業:蘋果、麥當勞、星巴克都是使用圖形 Logo,而日本企業不用母語,而是用英文,比如 SONY、TOYOTA、Canon。
你的下一臺電腦,何必是電腦。
回到蘋果官網,我們看到一部分文案是英文產品名稱,這個不會感覺羞澀。
那中文部分怎麼辦呢?比較有意思的是,Apple 的本土化團隊用了完全不對仗但押韻、奇怪的排比、雙關、重複等修辭手法。雖然語感很差,但基本上能明白字面意思。
其實這樣做的目的就是為了創造一種陌生感、一種獨特的語言風格,來凸品牌氣質。舉幾個例子:
最後一點。生活要有儀式感,蘋果官網也有儀式感。
國際婦女節專題
在一些特殊的日子裡,例如三八節當天,友商選擇打廣告促銷。而蘋果推出了國際婦女節專題,致敬女性的偉大,這一做法頗具人文情懷。
不過話又說回來,感動歸感動,還是參與友商的打折活動香。
本文首發自公眾號:洋爺(ID:yangye365)
感謝閱讀!
看完文章,你還沒想到彩蛋中的答案,那還是不要想了,乖乖的來知識星球APP的「挖藕」吧。在挖藕搜「第三方登錄」就可以得到更為巧妙的設計方案。
注意:是知識星球APP的「挖藕」星球,挖藕不是APP哦!