はじめに
Artl を一言で表すなら、芸術特化のSNSアプリです。
ただし、その特徴は単にテーマをアートにしたことではありません。
中心にあるのは、作品ファーストという考え方です。
作品ファーストとは、作品を優先すること
このアプリにおける中心価値は、作品を邪魔しない構成であることです。
作品中心の設計とは、トリミングをしないこと、世界観を過度に持たないUIにすること、投稿しやすいことを意味しています。
アプリ側が前に出すぎず、作品そのものがまず見えることを優先しています。
作家と鑑賞者の両方にとって自然であることが重要だった
作家にとって使いやすいだけでは、アートSNSとして十分ではありません。
鑑賞者にとっても、作品が自然と目につき、無理なく向き合える必要があります。
そのためArtl では、作品がそのまま展示されるタイムラインを重視し、UI全体も主張しすぎない方向で整えています。
アプリの世界観に作品を持っていかせない
多くのアプリは、独自のデザインや装飾で印象を作ります。
しかしArtl では、その強い世界観がかえって作品の印象を奪う可能性を避けています。
アプリは空気のように存在し、作品が自然に立ち上がること。
それが、このUI設計の核になっています。
まとめ
作品ファーストとは、作品に特別な演出を加えることではありません。
むしろ、余計な干渉を減らし、作品がそのまま届く状態を作ることです。
Artl は、その思想をUI/UXにまで落とし込んだアプリです。
.webp%3Falt%3Dmedia%26token%3Db27a3c65-d4b1-40e4-bb8e-637dd53f8b26&w=3840&q=75)

.webp%3Falt%3Dmedia%26token%3Dfb55f636-4239-430c-8fde-40b6c82f6220&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dbd233a50-88e0-4239-8d8b-96ae14edad23&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D3398ff6c-8880-4b7d-a6f3-7cc5d2216b75&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D9ce46ad3-a8e3-435f-9dfb-52b380cdecb8&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D6d43fa04-8ec3-43ee-ad60-fd7a99a4076c&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D16b0b80d-d68b-44ba-8a3a-6c9b66fdfb05&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D07157508-3732-40bc-bf3f-38287d6b7d7a&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D877cff37-afbb-4226-bca0-b72441907098&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D17b4364b-9719-4db7-8b6f-3d9a0ed3f5f6&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D5c54a741-ee43-48e6-a386-eff970310c26&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dff20e8d1-ee51-4c47-a264-346851b38881&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D8b00292e-fcb4-4237-b512-be7e73369f88&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D09adb035-f04d-4420-a621-295a4c3d56b6&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D205a4a51-57ac-455c-a299-43e2f735941d&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Df3fea385-b88e-4ca6-99f3-c3dfbd2a4ff3&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D02c0cdd8-f58b-4222-8066-4552f9d7c569&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D45b3eb25-4b81-49c2-ad20-b2ea5450f6de&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D57831192-57ec-4ac9-b8ab-af226a8d47cf&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D152472d4-7255-4d07-9c5b-b59e228b3708&w=3840&q=75)