UX/UI Design: Growing List of Top Resources (last update 02/2023)
Instead of hiding it in the usual Google Doc, from now on it will live here on Medium and will be updated every time I find another little gem. So make sure to subscribe! By the way, this is not about quantity but quality. This list is from my personal point of view and everyday work life and not scientific research by the way. However, feel free to add a comment if you know of a page worth adding
ロジカルなUIデザイン 考え方と関わり方 / A Logical Approach to UI Design, How to Think and Engage
「ロジカルなUIデザイン 考え方と関わり方」 ソフトウェアエンジニアリングの視点から、UIデザインの考え方や関わり方の事例を紹介します。また、役割や職種の異なるエンジニア／デザイナー同士の共通言語の持ち方や、協業の仕方について考えます。 Offe…
WWDC22 Recap in Goodpatch WWDC22の発表内容とHIGの更新内容の振り返りつつ、AppleプラットフォームにおけるHIGの位置付けとソフトウェアUIデ…
User interface design is hard. With so many options to choose from regarding layout, spacing, typography, and colour, making design decisions can be overwhelming. When you add usability, accessibility, and psychology to the mix, it gets even harder. Luckily, UI design doesn’t have to be so hard. Over nearly 2 decades working as a product designer, I’ve realised that most of my visual and interacti
職種に名前が付く、ということ/The fact that a job title has a name
Latest SaaS UI Design Patterns UX and Interactions Library
Time tracking software application designed to help teams manage their work time more effectively.
The most popular UI generator just got even better! What would you like to design today? Type out your ideas in plain text to design, prototype, and iterate in seconds.
In today’s digital age, calendars play a crucial role in organizing and managing time effectively. Whether you are creating a calendar for a web application, mobile app, or desktop software, designing a visually appealing and user-friendly calendar is essential. This datepicker guide aims to provide you with insights and best practices to help you create a well-designed and intuitive calendar comp
In a month we will (finally!) say goodbye to the not-so-cool year 2020. Since my previous article about trends was quite successful, I took some time and did some industry research, to create a 2021 Design Trend Guide. Let’s take a look at what 2021 will bring! 1. 3D Illustrations (yeah, still!)3D imagery is here to stay — especially when it’s getting easier and easier for regular UI designers to
Design systems and product in a day, not months. Focus on building, while we handle the design consistency
58 rules for beautiful UI design
Crafted to be your ultimate roadmap in the journey of UI design. Whether you are a seasoned designer looking to refresh your approach or a novice eager to learn the ropes, these rules are tailored to help you create interfaces that are not just visually appealing but also intuitively functional. To navigate this complex terrain, I have compiled 58 rules across eight categories, collectively formin
Communicating UI ideas shouldn’t require complicated design software. If you can imagine it, you can design it in Visily.
A step by step UI design case study to quickly fix an example user interface using logic-driven UI design tips. User interface design is hard. With so many options to choose from regarding layout, spacing, typography, and colour, making design decisions can be overwhelming. When you add usability, accessibility, and psychology to the mix, it gets even harder. Luckily, UI design doesn’t have to be
Beautifully designed components built with Radix UI and Tailwind CSS. Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready. ---------- This Figma file is the design companion to @shadcn's incredible new UI system. https://ui....
Adobe XD製 2020 UI Design Neumorphism【作り方伝授】｜Daisuke.Mori
Neumorphism(ニューモフィズム)とは 「新しいスキューモーフィズム」を謳う“Neumorphism” というデザインが最近一部で提唱されているようです。 下記のようにボタンやカードなどの要素が凹凸で表現されていて、明るい影（光）が落とされているのが特徴です。それによってボーダーや塗りを使わずに要素の形状を表すことができるのでよりシンプルに表現すること可能です。 凸デザインと凹デザイン、この2個覚えておけばOK 凸凹ボタン2点の作り方を解説いたします。基本的にはこの作り方でほぼ全てのオブジェクトは応用可能です。 今回はAdobe XDを使ったNeumorphismデザインの作り方です。XDはAdobe IDの取得後ダウンロードが必要です（無料）。 A.凸デザイン 1. 四角をつくる 2. 各種設定 角丸: 30mm 塗り: #EFEFEF ★Point 背景色に合わす 線: なし
UI/UXデザイナーLT会で発表したLT資料です。カレーがメインです。 https://rakus.connpass.com/event/187048/ #uiuxdesignerslt
UX is a discovery process. We often argue that user experience doesn’t start and finish with a project. As long as your product is live, the UX process never ends. When it comes to digital products, there’ll always be room for improvement and growth opportunities worth exploring, so the design process is an inseparable part of the growth journey. When it comes to usability and design principles th
14 logic-driven UI design tips to improve any interface
UI design tips to improve your interface designs using logic rather than gut feel. Designing user interfaces is no easy task. With countless choices around layout, spacing, typography, and colour, it’s easy to feel overwhelmed. And when you layer in considerations like usability, accessibility, and human psychology, the challenge only grows. But here’s the good news, UI design doesn’t have to feel
UI design trends of today and how to apply them in your apps
If you’re like me, you get excited by major new software releases and enjoy reading roundups of every new feature and UI tweak, comparing them to the previous version. With the release of Windows 11, Android 12, and iOS 15 this year (and last year’s macOS Big Sur), I’ve noticed quite a few similarities in the designs of the major operating systems. And in some cases, what appears to be convergence
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The HIG & Software UI Design
16 little UI design tips that make a big impact
Material Design と Product UI Design
Uizard Autodesigner 2.0 | AI UI Design Generator | Uizard
Calendar UI design inspiration
A guide of UI design trends for 2021
Figr: AI-Driven UI Design & Workflow
Visily - AI-powered UI design software
16 little UI design tips that make a big impact
@shadcn/ui - Design System | Figma
TypeScriptではじめるUIデザイン / UI design with TypeScript
16 UX and UI Design Tips That Always Deliver Growth