2022-07

DiscordのUIデザインをコンポーネント・パターン・フローごとにまとめています。webデザイン、アプリデザインの参考に活用ください。

ソーシャルネットワーク

フレンド＆コミュニティ＆ゲーム

Discord

オンボーディング

24e6ea50-6be7-46c2-ae51-983c1a445b0f.png

7e103b90-29d5-4b61-9f1e-77151f0d40a6.png

3f64a559-163b-45a2-8a21-93937dbb3598.png

7270ee52-d9c3-498d-aba0-6b85131c9890.png

f0b7244c-0358-4118-843b-ed23e55ba56b.png

cf2f7e4d-9d0e-43fa-bcef-be15286117a4.png

4bbf4e50-6bcd-46e7-95d9-e35b7433008f.png

a74fcc07-6bd9-4482-83d5-b80c624d88b4.png

657ae8bc-c59c-40fc-a224-c05d66d192d8.png

b19766a4-6a64-4589-88ca-4b409a4eda6b.png

f401ffe5-7fb2-4032-91d8-4154f4dce3c4.png

8d1ef312-d94c-4040-b701-2dcae6d514ab.png

4f0942ec-4205-42c7-bfa3-4c8e1b38e80e.png

38cd76f4-3899-483c-bc80-23a33a698ef3.png

0324ac86-12b3-42b2-b5bb-4469812f92ab.png

サーバー作成・メッセージ

3f2f8052-faaf-470a-b4ab-795d08411a38.png

6e177732-b003-44bb-9387-d6d52530fcf1.png

914404b5-b1cd-47da-9fca-f25c8d1f12ed.png

ee32532b-0762-4159-a168-261b9d84356d.png

e2defbf0-665d-4106-9c01-449f876eedf0.png

0863dfd1-6685-4b62-8d35-6508ae3f7ba7.png

b3337a21-f4ca-4f31-a349-23843c29f8cd.png

6e0d4d39-3878-42ce-907c-cf186ff6629e.png

ad00821a-0bf6-497f-8632-85068a0311ce.png

2da9196e-7d52-4982-bda3-e0f931979262.png

b6ccb244-00ce-4dac-b5fa-6620f28c2c65.png

90d9ebfe-92c4-460e-a6f7-67afd807f77a.png

83f82b2f-8cf6-462f-92dc-78645d2f1a9a.png

496fdfad-31a4-46eb-a0a2-b4cffed7382e.png

737760c5-def6-444f-bebc-58b3d91995be.png

3ef2c075-ee50-4b3c-80df-30977d711232.png

cad3c3b0-b20c-4981-a405-08639912882d.png

28a62260-1d45-4c65-bbb9-8031a09d4e5b.png

94a94f9e-9bd4-44e5-86f5-5296ebd7e99e.png

8ea8a76d-86e4-48b3-acb1-697af2c0494a.png

422050da-f940-47c4-94ff-bd6a8e4db229.png

6b3b80f5-b930-4064-a9d4-7075091ce700.png

eaa5044d-340a-4b34-b62c-2c94e4deb6b8.png

66680145-8f95-43e3-b414-96a6088d0f2f.png

46655df1-f6a4-4469-8965-3b4086da30bf.png

78ac2828-22df-4988-b4ca-bc09c37a782a.png

1a7d2be7-2bad-4a62-8ff4-9fb3bd8f867f.png

f606c1ab-32c5-4a2a-a2f8-9877abafbd21.png

fb8ac23d-9d8d-4867-b0ff-b187d2116276.png

e10c0347-fa62-4914-b41f-101c7ca0dba4.png

be362823-cbea-436e-a2b5-3d0980d46340.png

176efe8f-f367-42ee-bcf0-2377718c822c.png

5e3fecbc-7a69-4a40-bb61-7c4f4f92b71f.png

c668b35c-b1b9-47d6-a9a1-22639c507ae3.png

88826a81-67a1-4093-a89a-d5bdef1e0db0.png

4ba21465-b9ce-4654-ad3b-79748dae0375.png

d04e29a5-a2c6-4a0a-ad09-8d4d5cba6b29.png

13eb00f5-5c01-4a2d-9e45-374dfbe0058a.png

「Discord」のUIデザイン一覧（2022年7月版）

Discord

関連アプリ