Web Design, UI/UX, Interaction Design, Adobe Photoshop
Weather design Ui app #2 designed by Anton Kanonchyk. Connect with them on Dribbble; the global community for designers and creative professionals.
UI Kit-less UI Design Samples Volume 2 designed by Yasir Ekinci. Connect with them on Dribbble; the global community for designers and creative professionals.
Today we're looking at interface design in games, more specifically for the 4X game genre. I have to confess I'm not much of a 4X gamer but as a designer of UI, I can certainly appreciate the effort involved in designing an interface for such a complex game. 4X is a strategy based genre in both vid
Top Website Templates, Landing Page Designs and HTML Templates for SaaS, Automation Workflow, Application, Product, Online Services and Development Agencies.
Setproduct Design System 2 - React Buttons UI design designed by Roman Kamushken. Connect with them on Dribbble; the global community for designers and creative professionals.
Weekly UI design inspiration. “Weekly UI Design Inspiration #2” is published by Karan Shah in Muzli - Design Inspiration.
In this video, you will learn the complete roadmap to becoming a UX/UI designer. Also, I have shared 2 Months UX/UI design free course by Google, some useful...
乘用车/汽车人机交互界面HMI设计 夜间模式
Mobile UI interactions by Ramotion - UI/UX Design Agency in San Francisco
Design mockup ระบบเบิกเงินสดย่อยของบริษัทแห่งหนึ่ง ที่แบ่งการ Login เป็น 2 Levels (พนง/Admin) พนง.สามารถคีย์เบิกได้เท่านั้น, ส่วน Admin สามารถคีย์เบิก ตรวจสอบรายการคีย์เบิก และอนุมัติ/ไม่อนุมัติได้ (เป็นเพียง mockup ในขั้นตอนการเสนอขายพัฒนาระบบเท่านั้น) (2019)
UI/UX, Game Design, Icon Design, Adobe Photoshop, Adobe Illustrator, Adobe After Effects
Most Design System Kit on the internet contains a lot of premade components. We don't believe that's what you need. Pre-made components are often a pain to work with and rarely fit the exact requests of your client. Pre-made components don't make sense. We propose the following. We noticed every project starts with 80 hours of Design System Preparation work. This is: defining typography, whitespace, a color overview, the grid, setting up basic atoms such as buttons and forms, and so on. Why? Because that will result in a more consistent design, a better-looking design, and happier developers & clients. The interesting thing: these little details in your design system rarely change throughout different designs or even different projects. So why not start with a starter kit that contains this? We took the time to create a starter kit, which you can use every time you start a project. It's beautifully designed and creates an amazing starting point for any project. But most importantly, we noticed developers love to work with this file, it speeds up their workflow, and the stuff they build will look a lot more like what you designed. After 10+ years of design experience and over 4+ years of working with design systems (yes, that's since the very start of the design system concept), we combined everything we learned in this single file. Ready for you to pick up and start working with. Hope you love working with this as much as I do. Mark Art Director ____________________________ Pages in the Figma file: 1. Design System Setup: What a design system is, and how the file is set up. The Atoms 2. Typography: Fifteen well-designed artboards provide an overview of typography for desktop, tablet, and mobile screen sizes. 3. The Grid: Eight artboards explaining the grid for this design system. Defined for 6 different screen sizes. 4. Colors: An pretty overview of the colors used in this design system. Easy to change. 5. Whitespace: Thee slides explain the use of whitespace with an overview of allowed whitespace. 6. Icons: A set of 13 common icons. 7. Interactive: Buttons, Fields, and Dropdowns, set up according to the latest Figma features. 8. Photography: An example of how we prefer to set up a photography direction in Figma. Molecules: 9. Molecules: An overview of the molecules used in this file. Organisms: 10. Organisms: An overview of the organisms, combined with a clean and neat layout for organizing all your organisms, according to a smart naming system. This part if pretty unique and will be something you won't find out there in other kits. ____ Update version 1.6 (2023) 1. Changes a few grammar mistakes. 2. Made some copy shorter and therefore easier to understand. 3. Updatet the “how to change the colors” section in an attempt to make that easier to follow. 4. Updated the grids, which contained a few minor mistakes. 5. Added breakpoints to the grid to provide more design flexibility. 6. Updatet the Grid Style names to make it clearer when to use which. 7. Named unnamed layers. 8. Fixed a bug with the form fields. 9. Used variants to combine mobile and desktop molecules/organisms.
⭐️ Meet the new Rio. Rio is a completely ready-for-development electric scooter/bike-sharing project. It can be used for other renting projects by the way. Renting and sharing projects have changed the way people move in cities. We designed Rio with the data that we collected from other major apps and benchmarks. We defined and tried to solve the pain points for these types of projects with the brand-new interface. It contains 45 well-designed UI screens and 20+ components with Figma variants. Color, text, and effect styles are all defined well and used in the project. Also, Rio uses an 8px grid system. Prototyping is an important point for understanding the user flow. We prepared a prototyped version of Rio, you can tour the project by just clicking the play button in Figma.
Masternode Rating designed by Timofey Trubenev. Connect with them on Dribbble; the global community for designers and creative professionals.
www.simplymac.comWe look at the new app, Plants vs Zombies 2!
Will we ever figure out what's really going on in this game.Gameplay: Dishonored 2 and Death Stranding TrailerMay God bless you all.Trailer: https://www.yout...
Title design and animation for the terminals hidden throughout Halo 2: Anniversary ↴ The final product(s) ↴
Starting the year I decided to make a personal challenge with the purpose of improving my design skills, in this search I decided and created these challenges, this is the sample of a great series of designs that I will be publishing later. This is the se…
