{"id":647,"date":"2021-05-24T06:44:43","date_gmt":"2021-05-24T06:44:43","guid":{"rendered":"https:\/\/www.sagaratechnology.com\/blog\/?p=647"},"modified":"2023-03-27T06:37:13","modified_gmt":"2023-03-27T06:37:13","slug":"the-top-10-references-for-user-interface-design","status":"publish","type":"post","link":"https:\/\/sagaratechnology.com\/blog\/the-top-10-references-for-user-interface-design\/","title":{"rendered":"The Top 10 References for User Interface Design"},"content":{"rendered":"\n<p>User Interface Design is a recurring solution that solves common design problems. The result is an interface that\u2019s simple, beautiful, and easy to use. Design patterns are standard reference points for the experienced user interface designer. Sometimes when you are designing you can get stuck and need some inspiration to help keep the creative juices flowing or to rethink the best design solution. This below is a collection of the best platforms to browse through when you are looking for fresh ideas or perhaps you want to share your own creative work with the world on these platforms. Enjoy the list and happy designing!<\/p>\n\n\n\n<h5><strong>1.Dribbble<\/strong><\/h5>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"918\" src=\"https:\/\/www.sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/05\/0_ns6y_YE9jyC7GiY2.png\" alt=\"\" class=\"wp-image-648\"\/><\/figure>\n\n\n\n<p>A famous design platform, Dribbble has become the go-to website for design inspiration and my personal favorite. You can post your own design work if you are lucky enough to get an invite from someone already on the network. Some of the best designers in the world are on Dribbble and it is a plethora of inspiration for creatives of all types. Some of the great features are:<\/p>\n\n\n\n<ul>\n<li>Bucketing shots into your own topics<\/li>\n\n\n\n<li>Commenting on and discussing work<\/li>\n\n\n\n<li>Seeing the color palettes used on the work<\/li>\n\n\n\n<li>Jobs search<\/li>\n<\/ul>\n\n\n\n<h5><strong>2.Awwwards<\/strong><\/h5>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"921\" src=\"https:\/\/www.sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/05\/0_BOd4QC_Du1VWfWJ3.png\" alt=\"\" class=\"wp-image-649\"\/><\/figure>\n\n\n\n<p>Awwwards has some of the most cutting edges and up to date website designs on the internet. This platform is great to reference when you need inspiration on something different that breaks the mold in terms of design and development. Awwwards doesn\u2019t feature your run of the mill cookie-cutter websites.<\/p>\n\n\n\n<p>Awwwards are rewarded for:<\/p>\n\n\n\n<ul>\n<li>Sites of the day, month and year<\/li>\n\n\n\n<li>Developers<\/li>\n\n\n\n<li>Mobile excellence<\/li>\n\n\n\n<li>Honorable mentions and nominees<\/li>\n<\/ul>\n\n\n\n<p>Read more:&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.sagaratechnology.com\/blog\/how-to-do-usability-testing-for-mobile-apps\/\" target=\"_blank\">How to Do Usability Testing for Mobile Apps<\/a><\/p>\n\n\n\n<h5><strong>3.Material Design<\/strong><\/h5>\n\n\n\n<figure class=\"is-layout-flex wp-block-gallery-1 wp-block-gallery has-nested-images columns-default is-cropped\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"893\" data-id=\"651\"  src=\"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/05\/0_X-vEAL4m7iv0qJzp-1.png\" alt=\"\" class=\"wp-image-651\"\/><\/figure>\n<\/figure>\n\n\n\n<p>Material Design by Google is not directly a reference website but it is a great resource for designers to use with many useful tools such as:<\/p>\n\n\n\n<ul>\n<li>Gallery aka Googles version of Zeplin\/InVision inspect<\/li>\n\n\n\n<li>Custom color palette generator<\/li>\n\n\n\n<li>System icons library<\/li>\n\n\n\n<li>Design examples and case studies<\/li>\n\n\n\n<li>Tutorials<\/li>\n<\/ul>\n\n\n\n<p><strong>4.Behance<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"926\" src=\"https:\/\/www.sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/05\/0_GMI0kaHlQHKgMqfp.png\" alt=\"\" class=\"wp-image-653\"\/><\/figure>\n\n\n\n<p>Behance is a well-known platform in the creative industry. Some people choose to have a Behance portfolio over a traditional website and its integration with Adobe creative suite makes that a breeze. Behance is a great place to check out high-quality design work from around the world. You can save projects and follow creatives you like to keep up to date with work and design trends.<\/p>\n\n\n\n<h5><strong>5.Land-book<\/strong><\/h5>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"849\" src=\"https:\/\/www.sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/05\/0_TH_VTUy78WGVVD0P.png\" alt=\"\" class=\"wp-image-654\"\/><\/figure>\n\n\n\n<p>Land-book is a place created for Designers, Developers, Product Owners, Marketing Managers, Startupers, Freelancers and, really, for everyone who appreciates fine designs and well-crafted sites. Land-book wants to inspire and support you in the process of creating your own unique website projects.<\/p>\n\n\n\n<h5><strong>6.Pages<\/strong><\/h5>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"847\" src=\"https:\/\/www.sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/05\/0_Iv0PNf-sNPS-FsvC.png\" alt=\"\" class=\"wp-image-655\"\/><\/figure>\n\n\n\n<p>This well-presented website demonstrates the best web designs broken down into sections called pages. The pages sort by pricing, product, landing, and app. Quickly and easily find inspiration for your next great design project.<\/p>\n\n\n\n<p><strong>7.Site inspire<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"915\" src=\"https:\/\/www.sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/05\/0_cU5_ExZXa5fibbYs.png\" alt=\"\" class=\"wp-image-656\"\/><\/figure>\n\n\n\n<p>A simple well-designed platform Site inspires showcases an excellent selection of websites and interactive designs. When you click into an image it links you into the live website which is a handy addition. Site inspire features a directory of the design agencies that are showcasing work should you need to contact them.<\/p>\n\n\n\n<h5><strong>8.The FWA<\/strong><\/h5>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"1065\" src=\"https:\/\/www.sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/05\/0_0AW2DHHDuc8ca21m.png\" alt=\"\" class=\"wp-image-657\"\/><\/figure>\n\n\n\n<p>FWA is where you go to experience cutting-edge innovation in user interface design and development. It\u2019s a space that encourages the digital industry to push the boundaries of technology, to show people what is possible. They have an international team of over 200 judges (100+ men and 100+ women), who vote daily on submitted projects.<\/p>\n\n\n\n<p>Read more:&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.sagaratechnology.com\/blog\/the-fundamentals-of-ux-and-ui-design\/\" target=\"_blank\">The Fundamentals of UX and UI Design<\/a><\/p>\n\n\n\n<p><strong>9.UI Jar<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"929\" src=\"https:\/\/www.sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/05\/0_Bz1BS22KNGl-7RIV.png\" alt=\"\" class=\"wp-image-658\"\/><\/figure>\n\n\n\n<p>Ui Jar features handpicked by designers for designer\u2019s content from around the web. This is primarily for UI web and mobile designers. They have a nice section of curated collections that let you search for what you specifically want to see.<\/p>\n\n\n\n<p><strong>10.Uplabs<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"890\" src=\"https:\/\/www.sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/05\/0_uN9v11xGDTnXAVsK.png\" alt=\"\" class=\"wp-image-659\"\/><\/figure>\n\n\n\n<p>Uplabs is the leading community of creatives, offering the best digital inspiration and downloads, every day. It also offers some good features like a design challenge section and a job board just in case you need a change.<\/p>\n\n\n\n<p>If you want to be the best at your design, you need to continuously hone your skills and let your creativity flow. Great design is rooted in inspiration. We hope that the design inspirational we\u2019ve shared will help you in your journey as a designer.<\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/www.sagaratechnology.com\/en\" target=\"_blank\">Sagara Technology<\/a>&nbsp;can help you develop beautiful and functional interfaces for Website and Mobile Applications. At&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.sagaratechnology.com\/en\" target=\"_blank\">Sagara Technology<\/a>&nbsp;we develop attractive, engaging, usable interface design that focuses on solving usability problems and producing outstanding results.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>User Interface Design is a recurring solution that solves common design problems. The result is an interface that\u2019s simple, beautiful, and easy to use. Design patterns are standard reference points for the experienced user interface designer. Sometimes when you are designing you can get stuck and need some inspiration to help keep the creative juices&#8230;<\/p>\n","protected":false},"author":14,"featured_media":660,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[123,2,128,124,10],"tags":[28,31,29,90],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Top 10 References for User Interface Design - Sagara Asia Blog<\/title>\n<meta name=\"description\" content=\"User Interface Design is a recurring solution that solves common design problems. The result is an interface that\u2019s simple also beautiful.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sagaratechnology.com\/blog\/the-top-10-references-for-user-interface-design\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"The Top 10 References for User Interface Design - Sagara Asia Blog\" \/>\n<meta name=\"twitter:description\" content=\"User Interface Design is a recurring solution that solves common design problems. The result is an interface that\u2019s simple also beautiful.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/05\/Top-references-for-user-interface-design.gif\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sagara Technology\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Top 10 References for User Interface Design - Sagara Asia Blog","description":"User Interface Design is a recurring solution that solves common design problems. The result is an interface that\u2019s simple also beautiful.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sagaratechnology.com\/blog\/the-top-10-references-for-user-interface-design\/","twitter_card":"summary_large_image","twitter_title":"The Top 10 References for User Interface Design - Sagara Asia Blog","twitter_description":"User Interface Design is a recurring solution that solves common design problems. The result is an interface that\u2019s simple also beautiful.","twitter_image":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/05\/Top-references-for-user-interface-design.gif","twitter_misc":{"Written by":"Sagara Technology","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sagaratechnology.com\/blog\/the-top-10-references-for-user-interface-design\/#article","isPartOf":{"@id":"https:\/\/sagaratechnology.com\/blog\/the-top-10-references-for-user-interface-design\/"},"author":{"name":"Sagara Technology","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/e25a7dce1900980898a69a7c63241723"},"headline":"The Top 10 References for User Interface Design","datePublished":"2021-05-24T06:44:43+00:00","dateModified":"2023-03-27T06:37:13+00:00","mainEntityOfPage":{"@id":"https:\/\/sagaratechnology.com\/blog\/the-top-10-references-for-user-interface-design\/"},"wordCount":763,"commentCount":0,"publisher":{"@id":"https:\/\/sagaratechnology.com\/blog\/#organization"},"keywords":["Design","UI","UI Design","User Interface"],"articleSection":["Bisnis Online","Business + Tech Solution","Informasi Bisnis","Technology","Tips teknologi"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sagaratechnology.com\/blog\/the-top-10-references-for-user-interface-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sagaratechnology.com\/blog\/the-top-10-references-for-user-interface-design\/","url":"https:\/\/sagaratechnology.com\/blog\/the-top-10-references-for-user-interface-design\/","name":"The Top 10 References for User Interface Design - Sagara Asia Blog","isPartOf":{"@id":"https:\/\/sagaratechnology.com\/blog\/#website"},"datePublished":"2021-05-24T06:44:43+00:00","dateModified":"2023-03-27T06:37:13+00:00","description":"User Interface Design is a recurring solution that solves common design problems. The result is an interface that\u2019s simple also beautiful.","breadcrumb":{"@id":"https:\/\/sagaratechnology.com\/blog\/the-top-10-references-for-user-interface-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sagaratechnology.com\/blog\/the-top-10-references-for-user-interface-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sagaratechnology.com\/blog\/the-top-10-references-for-user-interface-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sagaratechnology.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Informasi Bisnis","item":"https:\/\/sagaratechnology.com\/blog\/category\/informasi-bisnis\/"},{"@type":"ListItem","position":3,"name":"The Top 10 References for User Interface Design"}]},{"@type":"WebSite","@id":"https:\/\/sagaratechnology.com\/blog\/#website","url":"https:\/\/sagaratechnology.com\/blog\/","name":"Sagara Asia Blog","description":"Dapatkan Informasi Seputar Teknologi dan Bisnis","publisher":{"@id":"https:\/\/sagaratechnology.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sagaratechnology.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sagaratechnology.com\/blog\/#organization","name":"Sagara Technology","url":"https:\/\/sagaratechnology.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/10\/sagara-logo.jpeg","contentUrl":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/10\/sagara-logo.jpeg","width":200,"height":200,"caption":"Sagara Technology"},"image":{"@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/sagara-asia\/"]},{"@type":"Person","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/e25a7dce1900980898a69a7c63241723","name":"Sagara Technology","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/55085e31e9427bed3336eaea67c72b96?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/55085e31e9427bed3336eaea67c72b96?s=96&d=mm&r=g","caption":"Sagara Technology"},"sameAs":["https:\/\/sagaratechnology.com","https:\/\/www.facebook.com\/Sagaratechnology","https:\/\/www.linkedin.com\/company\/sagara-asia\/"]}]}},"_links":{"self":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/647"}],"collection":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/comments?post=647"}],"version-history":[{"count":5,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/647\/revisions"}],"predecessor-version":[{"id":3881,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/647\/revisions\/3881"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/media\/660"}],"wp:attachment":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/media?parent=647"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/categories?post=647"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/tags?post=647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}