SELF-OWNED BRAND · BEAUTY CAMERA APP

CIRCLE 美顏相機

靛之森的美顏相機——
打開就是美顏後的你,照片只留在你自己的手機裡。

CIRCLE 的 3D 圓相機圖示,旁邊是美膚與風格妝兩個 App 畫面
  • 自有品牌
  • App 設計
  • 介面設計
  • 3D 圖示
  • Blender
  • 品牌識別
  • 隱私設計

Beauty that stays on your phone.

可愛、自然,
而且只屬於你。

CIRCLE 是靛之森 Ainomori 的美顏相機 App,也是艷世設計的自有品牌作品—— 從品牌識別、App 介面、Blender 3D 圖示與場景,到字標與貼紙,全部由我們自己完成。 即時美膚、臉型五官、妝容與五款風格妝、頭髮、15 款濾鏡、換背景,拍完還能在 App 裡調色、液化,貼上靛之森的貼紙。

它的出發點很單純:做一台我們自己每天都會想打開的相機。所以每個效果都往亞洲式的自然好看去調—— 立體不強調顴骨、眉毛平而柔、口紅偏暖,磨皮之後把膚質放回去;粉嫩的介面裡,臉永遠是畫面的主角。

隱私,也是一開始就設計進去的。CIRCLE 沒有網路權限,臉部偵測、美顏與去背都在手機上完成, 照片不會上傳;沒有廣告,也不用註冊帳號。

01 IDENTITY

一顆圓圓的鏡頭,
就是整個品牌。

App 圖示在 Blender 裡做成真正的 3D:白色的圓相機身、玻璃鏡片帶著一圈紫、一圈粉的鍍膜反光, 鏡片上的高光是一顆小愛心,右上角一盞小閃燈。背景是從左上淡粉到右下玫瑰粉的漸層,再襯一圈柔和的陰影。縮到桌面最小的尺寸,也一眼認得出來。

全大寫的 CIRCLE 字標用粗體無襯線字、拉開字距,搭配「美顏相機」四個字; CIRCLE 這個名字,和圓圓的鏡頭互相呼應。

CIRCLE App 圖示:粉色漸層底上的白色圓相機與紫粉鍍膜鏡片
App 圖示——Blender 算圖,玻璃、金屬與鍍膜的反光都在 3D 裡完成。
CIRCLE 字標與「美顏相機」標準字組合
字標組合——取自 Google Play 主題圖片。
COLOR & TYPE

淺色、白色毛玻璃,粉紅只出現在需要被看見的地方。

  • #F7F2F5 Blush White 底色
  • #FFE7F0 Pink Soft 淡粉
  • #F08CB4 Pink 粉紅
  • #DD6A9D Pink Deep 深粉
  • #3B3240 Ink 文字
  • #9A8E9F Mist 輔助字
WORDMARK CIRCLE

粗體無襯線、拉開字距,深粉色。

INTERFACE 磨皮 濾鏡 風格妝

介面使用 Noto Sans TC,深色字搭配白色毛玻璃面板。

ICON GRADIENT

圖示底色:#FFDEEA → #F6A0C4。

02 PRODUCT DESIGN

一次一條滑桿,
不擋住臉。

十個分頁——美膚、濾鏡、臉型、五官、妝容、風格妝、頭髮、背景、調色、我的設定——排成一列可以左右滑的小圖示。 每頁一次只出現一條滑桿,面板收在畫面下方;旁邊的 ↺ 只把這一條回到預設,不會一不小心把調好的臉型全部重設。 右上角是美顏開關,而每次打開 App,美顏都是開著的。

美膚分頁:磨皮滑桿與清晰、顆粒、提亮、膚色均勻等項目
美膚——一條滑桿、一排項目,調過的項目會留下小圓點。
濾鏡分頁:濃淡滑桿與一排濾鏡預覽小圖(示範小圖為地雷系房間)
濾鏡——人像、美食、氛圍三組,濃淡一條滑桿調。(示範小圖在此改用地雷系房間)
風格妝分頁:不用、韓系、日系、元氣、純欲、地雷系
風格妝——一鍵套上整組妝容與濾鏡,妝容、濾鏡的濃淡分開調。
頭髮分頁:六種髮色色票與光澤、蓬鬆
頭髮——六種髮色,照原本頭髮的明暗換色。
  • SKIN

    美膚

    磨皮、清晰、顆粒、提亮、膚色均勻、黑眼圈、法令紋、白牙、亮眼。磨皮之後把膚質放回去,臉不會變成一片糊。

  • SHAPE

    臉型與五官

    瘦臉、小臉、縮腦門、顴骨、下顎、下巴、臉長、額頭;大眼、眼距、眼角、眼瞼下至、鼻翼、人中、嘴巴、微笑唇。

  • MAKEUP

    妝容與風格妝

    腮紅、眉毛、臥蠶、口紅、立體;一鍵風格妝:韓系、日系、元氣、純欲、地雷系。

  • HAIR

    頭髮

    六種髮色照原本頭髮的明暗換色,髮絲的亮暗留著;再加上光澤與蓬鬆。

  • FILTERS

    15 款濾鏡

    人像、美食、氛圍三組,從粉嫩、奶油、韓系,到咖啡廳、甜點、底片、夜景,濃淡都能調。

  • EDIT

    相簿與修圖

    App 裡的相簿:調色、液化、貼紙,修好存成新的一張,原本那張留著。

  • CAMERA

    好拍

    音量鍵當快門、橫拿倒拿自動轉正、暫停慢慢拍,三組「我的設定」一鍵切換。

  • PRIVACY

    照片只在手機裡

    只要求相機權限、沒有網路權限;沒有廣告,也不用註冊帳號。

03 3D · BACKGROUND

換上的背景,
是在 Blender 裡蓋出來的房間。

換背景用的不是圖庫照片,而是一間在 Blender 裡從零蓋起的地雷系直播房: 黑紫絨布菱格牆、雙層愛心霓虹、小燈串、會發光的粉水晶、緞帶蝴蝶結,再用淺景深把整面牆柔焦。 去背的邊緣會照著髮絲走,人身上也會染上一點房間的光。 房間裡刻意不放任何文字——因為前鏡頭的畫面會左右鏡像。

Blender 製作的地雷系房間:愛心霓虹、燈串、粉色水晶與菱格絨布牆
地雷系房間——Blender 算圖,直式與橫式各一張,跟著畫面比例切換。
背景分頁:原本與地雷房間兩個選項
背景分頁——原本/地雷房間。
04 CHARACTER & STICKERS

靛之森的角色,
變成你的貼紙。

修圖裡的 63 張貼紙全部內建在 App 裡,不用另外下載。 梟子的 12 種表情,是從角色母檔重新以 Blender 算圖,讓翅膀完整入鏡; 花圈、帽子、甜點、糖果、花草、天氣小圖示,則來自靛之森自家遊戲與 App 已經完成的美術——只縮小、不重畫, 讓 CIRCLE 和整個靛之森的世界維持同一種手感。

梟子的 12 種表情貼紙:一般、開心、哼歌、愛心眼、星星眼、得意、斜嘴笑、疑惑、想睡、淚汪汪、哭哭、嚇一跳
梟子表情貼紙——從角色母檔以 Blender 重新算圖。
CIRCLE 內建的 63 張貼紙:梟子、帽子、甜點、糖果、花草、愛心、天氣圖示
內建貼紙包——梟子、戴上、甜點、糖果、花草、閃閃、心情,共 63 張。
05 PRIVACY BY DESIGN · WEB

照片不離開手機,
也是設計的一部分。

CIRCLE 只要求相機權限:臉部偵測、人像分割、美顏與去背全部在手機上完成, 照片存進手機相簿的「CIRCLE」資料夾與 App 自己的相簿,不會上傳到任何地方。

介面裡還有一條看不見的規則:除非你自己關掉美顏,畫面上不會突然出現沒美顏的臉。還沒找到臉時,取景區只是一片淡粉色; 臉一時跟丟了,就停在最後一張美顏後的畫面。隱私權政策以中英文刊登在靛之森官網。

CIRCLE PRIVACY POLICY ↗
靛之森官網上的 CIRCLE 隱私權政策頁(桌機)
CIRCLE 隱私權政策頁(手機)
06 BEHIND THE SCENES

每一個新效果,
都先拉到最滿再看。

CIRCLE 從只有四條滑桿的引擎一路迭代到 0.24。 每個新效果都先拉到最滿、放大到眼尾與嘴角,檢查有沒有深色塊、點狀、像畫上去的痕跡。 App 圖示也一樣:三個方向在淺色與深色桌面、圓形與圓角方形、縮到最小的尺寸下並排比對,才選定現在這顆圓圓相機。

App 圖示三款提案比較:珍珠白+銀框、白色+玫瑰金框、圓圓相機+愛心反光,含桌面與縮小尺寸檢查
圖示提案——珍珠白+銀框、白色+玫瑰金框、圓圓相機+愛心反光;最後選定第三款。
  1. v0.1

    第一支 App:從磨皮、提亮、瘦臉、大眼四條滑桿的引擎,長出美膚、臉型、妝容三組,加上「找不到臉就停在美顏畫面」的保護。

  2. v0.10 – 0.11

    風格妝上線:韓系、地雷系,接著加入日系、元氣、純欲。

  3. v0.14 – 0.15

    頭髮的髮色、光澤、蓬鬆;介面整個換成淺色的白色毛玻璃風格。

  4. v0.16

    App 裡的相簿與修圖:調色、液化,照片橫拿倒拿自動轉正。

  5. v0.17

    正式定名 CIRCLE,修圖加入內建貼紙。

  6. v0.18 – 0.19

    Blender 蓋出地雷系房間,換背景的邊緣對齊髮絲、人身上帶房間的光。

  7. v0.21

    美顏開關與 15 款濾鏡。

  8. v0.23 – 0.24

    Google Play 上架準備:隱私權政策、商店文案,與 Blender 重新製作的 App 圖示。

LINKS & CREDITS

為自己做的相機,
也是一個完整的品牌。

BRAND
靛之森 Ainomori(自有品牌)
DESIGN & DEVELOPMENT
艷世設計 YENZ Design Studio
CHARACTER
梟子(靛之森)
3D
App 圖示・地雷系房間・梟子貼紙(Blender)

想為你的品牌,做一個讓人每天都想打開的 App?