項目背景

隨着手機拍攝能力和通訊行業的不斷髮展，使用手機拍照已經成為人們的一種生活習慣，在這個每天都要拍攝、查看、接收、存儲、發送照片，以及手機里大部分的內存都貢獻給了相冊的今天，一款釋放手機內存，免費大容量且安全好用的相冊產品顯得刻不容緩。

一刻相冊是百度網盤打造的一款安全備份，無限空間的應用。百度網盤作為國內雲存儲服務的先行者，利用自身存儲優勢和公司的AI技術，孵化出一刻相冊產品，致力於幫助用戶守護美好回憶，同時提供給用戶更優質的照片存儲體驗。

設計目標

在着手設計之前，首先要制定設計的目標，設計目標一般是由產品的定位、用戶群體、產品未來願景等等方面推導而來。

明確了一刻相冊的產品定位及未來願景后，再結合著產品功能層面所滿足的除了備份訴求，同時還包含着全流程的管理-消費-分享。圍繞着這些背景，經過多輪討論…

最終，設計和產品同學達成一致，希望傳遞給一刻用戶除了最基礎的安全感知以外，還有3個核心點：高效；智能；有趣。

1. 高效

大家對「好的產品是用完即走的」這句話並不陌生，尤其是體現在垂類工具產品上。

對於相冊產品而言，我們對設計流程上的首要目標，就是讓用戶：高效備份；便捷查找；快速消費。

高效備份

滿足用戶自動備份，已經是相冊類產品最基礎的能力，那麼我們在此基礎上，如何讓用戶毫無顧慮的進行高效備份呢？

除了足夠安全和好用以外，就是讓用戶沒有空間限制的顧慮。一刻相冊就是這樣一款神仙相冊產品，免費贈送無限大空間，讓用戶不用擔心容量壓力的盡情保存美好回憶。

在用戶首次登錄后，第一個頁面展示給用戶的信息就是：「已獲得無限空間」，讓用戶沒有容量不夠的顧慮。

在視覺上用莫比烏斯環無窮符號「∞」為基本圖形，同時在文案上突出一刻相冊的核心功能亮點。

當用戶點擊「開啟備份」后，進入一刻相冊首頁的「照片」tab時，可實時看到已經備份的照片。

同時，設計上採用置頂卡片的處理方式，讓用戶更高效、直觀的對「備份」文件狀態的感知及控制。

除了之外，由於一刻和百度網盤的特殊關係，我們還支持用戶將網盤已經備份過的圖片或視頻，一鍵導入到一刻相冊。

並且支持後台靜默導入和內容實時更新，大大降低了用戶在切換存儲工具時的遷移成本，為用戶節省了手動操作的時間。

在視覺表現上，我們將導入進度採用圓環進度的方式，讓用戶更清晰的感知到目前的導入照片進度，增強用戶的安全感。

便捷查找

當用戶將自己照片備份上來后，如何滿足用戶更便捷的查找到目標照片，是我們面臨的第二個問題，因此，在「便捷查找」方面，我們分為幾個維度去做：照片瀏覽；相冊創建。

照片瀏覽：瀏覽是用戶「查找」照片的必經之路，為了提升用戶的瀏覽體驗及效率，我們採用時光軸的形式進行排序，同時在視圖方面，也做了多種嘗試，如下圖：

• 方案A：保持每張圖片的實際比例，通過合理計算將2或3張圖排成一排，視覺效果不錯，但開發成本較高，無法快速上線（類似google photo）；
• 方案B：全部內容使用同一比例、同一大小的區域進行限制，優點是產品布局緊湊整潔，但也容易讓用戶忽略可能有價值的信息；方案C：類似dropbox，显示真實圖片比例，空間的利用率會較低。

最終，我們基於用戶使用訴求和對相冊產品的調研，選擇了保持相冊內容的比例統一，但對可動的livephoto及視頻內容進行突出放大展示，並默認進行播放，這樣既滿足了效率問題，又讓瀏覽體驗更有節奏感，同時也兼顧了開發成本。

同時，用戶可以輕鬆切換所要瀏覽的圖片內容，分為雲端+本地，僅雲端，僅本地三個显示模式，給用戶不同瀏覽維度的選擇，滿足更便捷查找的目的。

相冊創建：除了Feed形式的「時光軸」, 能夠提升用戶查找效率的方式，其次就是建立相冊，讓相似圖片更加聚合。

因此，一刻相冊的相冊模式支持：自動生成；手動創建。

自動生成。為了減少用戶的操作成本，同時提升查找效率，我們對用戶已上傳的文件進行智能分類，將主流的分類分為：人物、事物、地點、截圖、動圖、證件、視頻維度，提升用戶查找效率。

手動創建。不可否認，再牛逼的技術，也做不到用戶對自己的了解，因此一刻相冊同樣支持手動創建相冊功能。

為了使建立相冊的流程的交互操作盡量做到輕量化，整個創建閉環無必填項，可輕鬆進行創建。

同時用戶在當前頁面可整體通過「圖片庫」和「人物」完成添加照片流程。

如果用戶點擊「按人物添加」，基於百度強大的人臉識別能力，一刻相冊可生成人臉聚類，用戶可快速通過人物創建相冊，不需要一張張去選，從而便捷的創建滿足自己查找習慣的相冊。

快速消費

當滿足了用戶高效備份、便捷查找之後，如何能夠使用戶能在一刻相冊里玩兒起來，是每一個一刻相冊同學都在思考的問題。

針對這一訴求，大家探索了很多可能性，在初期我們選擇了不同的時間節點和節假日，推出不同的創意模板，讓用戶將自己的照片在這裏玩兒起來。

為了增強功能操作的簡潔度，跟市面上的視頻產品形成差異化，在選擇模板時，我們依舊採用卡片式的視覺容器承載模板內容，視頻可以自動播放預覽，整體背景顏色應用5種品牌輔助色，背景顏色跟隨手勢的上下滑動切換，帶給用戶更加直觀沉浸的操作感受。

當用戶點擊製作同款后，用戶只需在對應的時間段內，選擇相應的視頻，就能生成酷酷的卡點視頻。

為避免用戶在等待生成視頻時的焦慮情緒，我們提供了多種情感化文案來消除等待的焦慮感，在高效的同時關注用戶情緒。

同時，進度條採用蒙層的方式，將進度可視化，用戶會更關注去掉蒙層后的作品，產生期待感。

2. 智能

其實在相冊類產品同質化的今天，基礎體驗（備份照片、瀏覽等）已經拉不開太大差距。因此，一刻相冊在保證基礎體驗的基礎上，引入「小度助手」提供給用戶更加智能化、場景化的體驗。

小度出場的形式，採用簡潔清爽的頁面風格，使用戶聚焦到「小度」本身，採用「小度」眨眼睛的動效，更傳遞出它的靈動性。

那麼，小度到底怎麼「智能」了呢？目前我們做了：a.智能化清理；b.智能化生成。

智能化清理

相信大家在使用本地相冊時也會被一個問題困擾：平時工作或者某些特定場景下的截圖過多；自拍時一個動作連續拍攝很多張… 如果用戶手動將自己相冊內這些照片找出，再去刪除，費時又費力。

那麼針對此場景，小度提供多種清理能力，包括：清理截圖、清理相似圖、清理本地圖片。

清理模塊在交互形式上，以效率為最高優先級，同時增強用戶清理圖片時的趣味性和成就感。

具體做法是，將待清理圖片以日維度，分成一個個模塊，而後形成清理圖片的瀑布流，當用戶一個個去完成清理操作后，將會獲得完成任務的成就感。

不僅如此，小度如果發現你相冊里存儲某人的照片過多，會智能化的引導你去標註關係，為了後續更方便的管理自己照片。

智能化生成

除了上面有提到用戶可以使用視頻模板，手動製作趣味短片，小度還可以針對用戶存儲的照片，智能的生成許多有趣的視頻，給用戶帶來不期而遇的驚喜感。

當然小度的智能化能力我們在不斷的完善中，同時我們希望給用戶傳遞的「智能化」不是冰冷的技術感，而是「溫馨」的關懷感知。
因此，在小度問候的文案和表情上我們做了場景化處理，用戶在不同時間段進來，都能感受到我們的關懷。

3. 有趣

除了在存儲和查找時讓用戶感受到「高效」和「智能」，如何讓用戶感受到一刻還是個很有趣的相冊產品呢？我們分為兩個維度來看：a.功能層面；b.品牌視覺。

功能層面

試想一個場景，你和媽媽一起出去玩拍了很多照片，你媽想讓你把照片發給她，這時候你打開WX將今天拍攝的50張照片分為6次發給了媽媽，後來又發現點的不是原圖（手動圍笑），這個時候的你一定氣的鼓鼓的。

一刻相冊利用NFC技術，為用戶提供「碰一碰」傳照片的形式。利用有趣的方式，解決用戶這種痛點，用戶只需要線下碰一下手機（支持跨端），就可以直接發送無限量、原圖的照片給對方。

當用戶進入「碰一碰」頁面，有動畫進行引導，同時發出像乾杯一樣的杯子碰撞的聲音，使用戶發照片像乾杯一樣簡單。

從交互層面出發，碰一碰涉及到線下體驗與線上體驗聯動：首先保證線下體驗的一致性，比如：碰撞、匹配、反饋都都需要具有實時性和流暢性。

因此，通過這種有趣的產品形態和交互形式，使用戶在傳圖的場景中更加輕鬆、便捷（不過，目前落地效果還在持續優化中）。

品牌視覺

眾所周知，相冊記錄著人們生活的點點滴滴，平淡真實。

但是一刻相冊slogan是 「看見每一刻」 ，體現出我們不僅希望幫助用戶存儲回憶，更希望運用科技的力量幫助用戶將平淡的生活點滴，智能生成有趣的內容推薦給用戶，使美好回憶與自己不期而遇，讓用戶在一刻相冊里回顧自己精彩、有趣的每一刻。

基於整個品牌定位，在LOGO設計階段，圍繞一刻相冊名稱 「 一 」 和 slogan 中的「看見( 眼睛 )」來代表一刻。

在顏色的選取上使用了多彩漸變色，傳遞看見多彩有趣的生活品牌理念，同時能夠與其它相冊產品拉開差異化。

在LOGO設計確定后，通過從LOGO中提取出多彩漸變的色調，發現佔比最大的是：藍色、紫色、粉色。

但是，粉色過於女性化，而藍色過於冷靜，同時跟競品也很難拉開差距，而紫色代表着個性、創造力和想象力，象徵實驗精神與不墨守成規，更符合我們的產品定位。

因此，最終提煉定義了紫色，成為我們的主品牌色。

繼而將我們的主色滲透在產品界面、操作組件以及空頁面中…

同時，將LOGO里其它多彩的顏色：藍色、紅色、黃色和綠色，作為產品的輔助色，希望通過品牌色（主品牌色、子品牌色）應用，加深用戶的品牌印象。

在icon上，也經過反覆的嘗試採用4px粗細，用盡量極簡的方式概括表意，達到表意清晰，輕量簡潔的目的。

作為一次從0-1的一刻相冊產品設計，我們希望能夠傳遞給用戶的不僅高效、好用，而且年輕、多彩、有趣的視覺感知。

總結

以上是一刻相冊從0-1的產品設計背後的過程，從前期的設計目標的確認（高效、智能、有趣），到後續拆解到不同維度進行功能設計落地，從而呈現給用戶目前一刻相冊這個產品，目的是為了不僅讓用戶安全便捷的「存」，還能智能有趣「用」。

一刻相冊是網盤團隊所有同學共同努力的結果，所以只是開始，未來我們將為用戶持續打造更優質的相冊產品，來守護你們的回憶 。

更多百度的改版案例：

閱讀文章 >>

歡迎關注作者的微信公眾號：「大牙的設計筆記」

未经-摩登3注册-摩登3测速官网-允许不得转载：摩登3注册-摩登3测速官网 » 無極五測速註冊_大廠實戰！上億人使用的百度「一刻相冊」是如何從零開始設計出來的？