2023-09

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

写真 / ビデオ

Instagram

オンボーディング

8b0ac4b8-2b60-42f7-afe7-4ee024e3c68a.webp

413d7431-f5e3-458f-b3f8-3508f7fc299b.webp

4d33d3a3-f514-4b8a-bed3-186c614f22b3.webp

7f188498-fb06-4175-881e-903298843972.webp

812007da-d96f-4f23-9b89-24f33c2f3e2d.webp

2095f51f-349c-47ec-93cf-fa69cda0fa6a.webp

ae7821f6-d887-4cb5-b50c-1b03aad474cb.webp

5d6fc736-5774-44c3-bc54-87cde5fd1ff1.webp

f9ddcff1-234f-435d-9a96-9c152fd0c287.webp

763b81fe-d38b-4e06-a2f1-e9b6975e4afe.webp

2cc27eca-6d19-4198-b18b-1def76ca4929.webp

5865557b-c750-445f-85e6-57ab37143403.webp

b4b686b2-14c9-4973-94eb-d55d9fa6bb7f.webp

34b4f272-d424-425e-bda5-8c5bd84efa1e.webp

62678170-209d-4c1b-bcce-3ccfd7904c6c.webp

e21ba224-bc83-4440-a024-b0f812990875.webp

acfce793-2c10-467b-b2e2-c6e86c859d9b.webp

14894bb0-a339-41bd-9c88-60390db95653.webp

d4ed073e-f8f9-40b3-985e-047bd4f564ad.webp

c5748766-6314-44a3-a3db-a85587295be6.webp

f5757d1c-f49d-4f69-8404-b629ea6ba338.webp

c6caca1f-944b-4b12-bc8d-b274ea74693e.webp

decd26d2-9e66-41ee-8a3b-b1ef6d8f4642.webp

27c9d406-e335-4d03-bb50-ec3eb4a1c9fc.webp

bc0d3de4-d80f-489d-b984-427bbd6da9cd.webp

da8bc43f-2eee-4b62-9931-fc10a73794b9.webp

a20487a6-030e-4ae7-a4eb-cc1ae349fcb0.webp

ad44ce04-a9c0-464a-bd16-c2b41b29b983.webp

56cd0b65-e160-4cf5-a126-833336585eb6.webp

780bdc60-f61c-4f6b-9d81-65f5ccaa671a.webp

ホーム

5a7eebc6-8f89-42cb-8576-0dc545d66684.webp

a3cc5186-7dff-4d44-9823-b318e0083cae.webp

2592a474-71f7-435f-8941-0969a62303b7.webp

87fd1508-3a2b-443a-904f-14ab6daafe55.webp

95a8a131-9963-4f0b-afa0-a4066cd49fdc.webp

85c2fab6-f997-46c0-92b1-8b234bbc963d.webp

de707a17-95cf-48d3-8975-d701e9c9b31c.webp

5c378e2f-8584-4de2-b011-33d4d447ec06.webp

67b2f404-03ea-4da5-b991-a09c08591d3d.webp

0fbd07db-0c72-4d09-84dc-f2bda89b7f53.webp

0ac1e0a8-e335-40f9-8375-7b7384562c4b.webp

3c14e984-e877-4ba2-884b-5388fc041fe2.webp

309fc154-6620-4ee5-96cc-28ed850f4692.webp

9774ed4c-0c81-4b2c-a7cd-25562bbf3403.webp

96a8f727-185a-4f2c-827a-00e4a4b7f0bf.webp

290fee00-01a6-4e8e-a4c3-a56f54d08826.webp

06d5002b-0a36-4191-8f2b-e02e7083dc83.webp

f6263819-c1a8-4844-a58b-3a6b1a749c63.webp

976566b0-67ed-452d-a294-3b44c48b9bdf.webp

c0480bcf-73f6-4335-b925-7d331a22bb30.webp

089b59f6-4a1c-4295-9b69-303b4c90f9dc.webp

05bf5d7e-bcbe-4df1-b98a-359e6f200272.webp

2af4b207-d7a8-4873-9552-a7479a279ce9.webp

99cf236e-2a56-4177-b2b8-bc4dc23ffd6d.webp

822d2930-3dbe-4ad2-9dc4-8f5d7db8225a.webp

140654e1-428c-41d4-baf5-54078cba61e6.webp

8ac1ce58-501f-48d1-acf9-0c5688db9174.webp

a37c0bd1-d736-4a1c-8ba1-02111dd297c9.webp

ab71dcd6-2e06-4b6c-8c53-edb83965983d.webp

ba5409ba-d305-49a0-a151-16b14b1aedd1.webp

fde9f86e-478d-4989-9fe5-008157fcb8c9.webp

cfcd0347-02f6-4b5e-b319-41c42e684069.webp

6f2d8699-9065-4704-9d07-a321ef608eb6.webp

0d64794d-6dca-473b-8384-f5dbaf4de28d.webp

cf18cc61-12bd-487e-b56b-1e82e1557efa.webp

e152df11-9684-4d1c-84fc-cd7a0c59fbd4.webp

d7bb51d5-de22-420f-bd42-4d5a8639c080.webp

3f7e7870-6846-4951-afc2-351d6af2d7f3.webp

63263ef4-b412-4798-80ae-77b17e8dfdfa.webp

7f839ca9-caf7-487c-ba2b-7add0252a6c7.webp

e56d419d-0c20-44f3-a4e5-331629efef5b.webp

16f4179e-4ade-4d0f-a44b-eaa57574c41a.webp

「Instagram」のUIデザイン一覧（2023年9月版）

Instagram

関連アプリ