世界中の素敵なUIデザインをパーツ別に見れるサイト「Collect UI」!

2016/02/25

こんにちは。
今回は世界中の素敵なUIデザインをパーツ別に見れるサイト「Collect UI」!です。

世界中の素敵なUIデザインを集めたサイトを紹介します。
細かくパーツ別にカテゴリー分けされているので、Webやアプリのデザインの参考になるのではないでしょうか。

世界中の素敵なUIデザインをパーツ別に見れるサイト「Collect UI」!

Collect UI

collect-ui2

http://collectui.com/designs

 

カテゴリーは全部で112種類もあります。
会員登録やフォーム周りなどもありますよ。

1. Sign Up
2. Checkout
3. Landing Page
4. Calculator
5. App Icon
6. User Profile
7. Settings
8. 404 Page
9. Music Player
10. Social Share
11. Flash Messages
12. Single Product
13. Direct Messaging
14. Countdown Timer (40)
15. On/Off Switch
16. Pop-Up / Overlay
17. Email Receipt
18. Analytics Chart
19. Leaderboard
20. Location Tracker
21. Monitoring Dashboard
22. Search
23. Onboarding
24. Boarding Pass
25. TV App
26. Subscribe
27. Dropdown
28. Contact Us
29. Map
30. Pricing
31. File Upload
32. Crowdfunding Campaign
33. Customize Product
34. Car Interface
35. Blog Post
36. Special Offer
37. Weather
38. Calendar
39. Testimonials
40. Recipe
41. Workout Tracker
42. ToDo List
43. Food/Drink Menu
44. Favorites
45. Info Card
46. Invoice
47. Activity Feed
48. Coming Soon
49. Notifications
50. Job Listing
51. Press Page
52. Daily UI Logo
53. Header Navigation
54. Confirm Reservation
55. Icon Set
56. Breadcrumbs
57. Video Player
58. Shopping Cart
59. Background Pattern
60. Color Picker
61. Redeem Coupon
62. Workout of the Day
63. Best of 2015
64. Select User Type
65. Notes Widget
66. Statistics
67. Hotel Booking
68. Flight Search
69. Trending
70. Event Listing
71. Schedule
72. Image Slider
73. Virtual Reality
74. Download App
75. Pre-Order
76. Loading
77. Thank You
78. Pending Invitation
79. Itinerary
80. Date Picker
81. Status Update
82. Form
83. Button
84. Badge
85. Pagination
86. Progress Bar
87. Tooltip
88. Avatar
89. Terms Of Service
92. FAQ
93. Splash Screen
101. Mobile Menu
102. Movie Card
103. Filter Products
104. Hover State
105. Newsfeed
106. Inbox
107. Currency Converter
108. Quote
109. Stroked Illustration
110. Contact List
111. Verification Code
112. Mockup

 

collect-ui3

詳細画面はこんな感じで右下にデザインの参照元のDribbbleへのリンクになっています。

 

UIデザインの教科書 マルチデバイス時代のサイト設計-アーキテクチャからUXまで
UIデザインの教科書 マルチデバイス時代のサイト設計-アーキテクチャからUXまで

 

いかがでしたか。デザインに迷った時に見てみるといいですね。
以上で世界中の素敵なUIデザインをパーツ別に見れるサイト「Collect UI」!でした。

topへ戻る