A collection of 100 books recommended by the design community categorized into nine thematic focus areas: user experience, interface and interaction, graphic design, product, theory & principles, business & strategy, creativity & innovation, tech & society, and career.
This is a list of this year's best inventions. The selection includes 200 innovations, ranging from AI to Wellness.
A well-crafted URL gives users a sense of what they will find before visiting it and provides human-readable context. A pretty URL makes your site more accessible, user-friendly, and SEO-effective.
Inspired by our Material You design language, the new Chrome Web store has fresh color palettes, updated card styles, and an improved icon legibility that complements Chrome’s overall look. It also has improved navigation, for example, the search bar has been moved to the top right of the screen for quicker access.
Google Drive on Android has revamped its document scanner interface, introducing a dedicated camera FAB, simplified controls, and auto-capture mode. The new preview interface features a modern Material You bottom bar and tools like crop, rotate, filter, and save to drive.
OP-1 is a revolutionary new device that gives users a whole new way to create and experience music. By employing imagery that envelops you in the mood of the music you produce, the device innovates through concise, visually appealing design.
How creative are we designers really? If our work is similar to everyone else’s, we might as well be just operators of tools. Being creative means the work we produce is not only better than others but is different and has a distinct point of view.
2023.11.22·reiinamoto.substack.com·9 min read·TLDR Design Designers gave away a lot of their power during the development of the internet by not participating. If designers do not adapt to and adopt AI, they will end up being subordinate to engineers, mirroring what happened on the internet, where most websites are created by product managers, not designers.
Two patterns are emerging when it comes to integrating AI capabilities into UI. In the first approach, the primary interface affordance is an input that directly instructs an AI model to generate text, image, or video. In the second approach, instructions for AI models are created behind the scenes as people use application-specific UI elements.
Animotion lets you create CSS animations visually by dragging, resizing, rotating, clipping, and more.
RadiantKit is a free and open source framework for building graphics applications (like Figma, Canva, Miro, etc). It is still in development.
Run link surveys, in-app surveys, and email surveys in one app.
Billed as the most comprehensive history of Braun to date, the book is more than 400 pages and 500 images. It includes never-before-published archival materials and brand-new full-page photography of Braun’s most iconic products, each instilled with Rams’ “less, but better” approach that would directly influence designers like Naoto Fukasawa and Apple’s Jony Ive.
Laurynas Kamarauskas, a graphic designer and illustrator, embarked on a creative odyssey in the picturesque streets of Vilnius, Lithuania, that transcended the conventional boundaries of letterforms — 36 Days of Type. The challenge beckoned participants to breathe life into letters and numbers, exploring the endless possibilities within the realm of typography — Kamarauskas infused her work with the spirit of Vilnius, Lithuania's enchanting capital.
One of the most widely used product design fonts has been updated after two years of work. Inter 4.0 includes six additional "Display" designs, thousands of redesigned glyphs, and humanist-style italics.
In his Cybertruck 2.0 concept, automotive designer Dejan Hristov seeks to correct what was arguably wrong with the first truck. As opposed to focusing on creating a bulletproof truck, the Cybertruck 2.0 uses a gentler, less aggressive design with soft curves instead of sharp angles.
Most web developers lack the accessibility experience and in-depth knowledge needed to effectively fix issues in an audit. As a result, you end up asking your accessibility auditor for additional guidance or retesting, a process that can take many months. There's a better way to do things.
A well-designed Map UI allows users to navigate, explore, and engage seamlessly with their environment by balancing aesthetics with functionality. This post discusses the user interface elements involved in designing maps, cross-platform requirements, use cases for consideration, and critical interaction patterns.
Emu Edit allows users to input text-based instructions to make changes to images like local and global editing, adding or removing backgrounds, color and geometry transformations, object detection, and segmentation. The Emu Video tool, based on diffusion models, provides a simple method for text-to-video generation — it responds to various inputs, including text only, image only, or both.
Tinder is redesigning its profile pages to make them more informative and to facilitate starting conversations. Users will be able to create profiles, take quizzes, add basic information tags, utilize dark mode, and launch profile prompts as conversation starters.
EU regulators have filed a formal antitrust complaint against Adobe regarding its $20 billion acquisition of cloud-based design platform Figma. The European Commission reached a preliminary conclusion on Friday following an in-depth investigation launched on August 7th that the deal would lead to significantly reduced competition in the global market for interactive product design tools, vector editing tools, and raster editing tools.
A study by Auth0 and YouGov found that users around the world want greater choice in login technologies, but less than a third of companies surveyed offered multifactor authentication, only one-fourth offered biometric authentication, and one-fifth offered passwordless authentication. One of the main challenges designers face when designing authentication systems is the range of users and devices, as there’s no one-size-fits-all.
Small design teams focus less on internal patterns and processes and more on looking out and getting involved. As growth happens, new pains and problems arise, shifting people to where the money is instead of where the impact is.
2023.11.21·grillopress.github.io·4 min read·TLDR Design As media creation moves towards using creative machines that can replicate any artistic style, format, or medium, taste is becoming the ultimate skill. Although humans still have an edge on the craft, DALL-E's recent enhanced text rendering capability shows that AI tools are rapidly catching up.
With Shots.so, you can create beautiful mockups in just a few clicks.
A tool to convert JPEG and PNG bitmaps to SVG vectors in full color. Now in Beta and free to use.
Figma plugin Polychrom displays APCA-based contrast and font size recommendations. APC is an algorithm specially optimized to address the needs of visually impaired users, focusing on improving visual readability.
A custom-made logo needs to have 5 basic variations to increase its adaptability. It should have a primary logo variant, a simplified primary logo, just the words, just the icon, and a reversed color variation. A fully adaptable custom logo is a simple and flat image, uses fewer details, has a mindful color palette, works in black and white, can be resized without losing its shape or meaning, and uses appropriate typography.
Users prefer brief and simple interactions on smartwatches, largely because of the tiny screens. NNG’s latest research identified 6 main types of interactions on smartwatches: Receiving and checking information, capturing data, manipulating an ongoing process, connecting with other people via calls or messages, and providing in-the-moment direction during an activity.
This provocative take on space explores why we choose one amount of space over another. The post includes the industry's current practices, how to set up a spacing system, and code examples to kick off further explorations.
Can you recognize a font in a side-by-side comparison?
Scroll-driven shape morph animations with tilt interaction inspired by the effect seen on KPR.
To be successful and fulfilled in business, you must price your design work appropriately. Underpricing yourself leads to underpayment and overworking. Overpricing can result in losing potential clients.
2023.11.21·ansondotdesign.substack.com·7 min read·TLDR Design tldraw’s new feature, Make it Real, allows users to paint an image of software that AI then brings to life. OpenAI's GPT-4V API interprets the vector drawing into Tailwind CSS and JavaScript web code to produce a user interface. A live demo of Make It Real is available online. However, it requires OpenAI API keys, which poses a security risk.
Google Maps received a slightly altered color scheme as a limited test in August. It has been rolled out to a much wider audience this week, prompting complaints on Reddit and X. There is now a noticeable difference in the blue color for bodies of water. Compared to before, roads are now gray rather than white and forests are a darker green.
The world of design is evolving at a breakneck pace. Figma's latest report gives us a front-row seat to these changes. Designers must embrace collaborative product design, understand the business side of design, adapt to flexible and hybrid work styles, evolve with design tools, and prioritize effective group meetings to thrive in this new age.
Thomas Watson Jr. and Augustus successfully rebranded their respective domains, IBM and the Roman Empire. Watson Jr. transformed IBM into a modern, innovative technology leader, emphasizing design and customer-centric innovation. Augustus skillfully reshaped his image and Rome's, creating a stable autocracy under the guise of respecting the Republic.
You have done beautiful work if you followed your intent and exceeded your ability. You have experienced someone else's beautiful work if it makes you pause and marvel at what we humans are capable of.
Techniques like summaries, bullet points, callouts, bolding, and helpful visuals improve comprehension and engagement with content exceeding 1,000 words. These techniques help provide a helpful overview, create content chunks, disclose information progressively, and offer access to specific sections.
This site allows you to create a drawing, dynamically smooth it out, alter the result, and export the created SVG file.
This collection features hand-picked and daily web design inspiration organized into several categories.
Draw a UI with tldraw and turn it into a real functioning app.
Learn about the benefits and drawbacks of machine learning through creative case studies and use cases shared by experts. This article examines the final stages of a project: creative direction, campaign execution, and communicating AI's role.
The browser experience will feel more native as time goes on as performance increases and new browser-based tools and APIs are introduced. Web apps offer better support and simplicity of updating than native apps and new advancements promise a more consistent and enjoyable user experience.
2023.11.20·thewebshowcase.withgoogle.com·Tool·TLDR Design Designers have helped make addictive media and glossy screens ubiquitous. Is it a good idea for us to solve this problem by attaching AI-powered surveillance technology to everyone’s lapels, as Humane proposes to do?
HTML web components provide basic functionality without JavaScript. However, they require the components’ authors to step back and think about what's being built and how the end users’ experience can be enhanced progressively.
Jason M. Allen filed a copyright application in 2022 for an image he created through painstaking experimentation in Midjourney using over 600 prompt variations. According to the US Copyright Office, that work is not entitled to copyright.
Figma's VP of Legal discusses their efforts to explain Figma's role to regulators and how the collaboration with Adobe aims to enhance product design and development. The shared future includes leveraging Adobe's assets and tools like FigJam for improved collaboration and innovation in the design industry.
Figma's next annual conference will be held in San Francisco and virtually on June 26-27, 2024. Approximately 8,000 people are expected to attend Config 2024, which will host 75 speakers and 50 sessions. The website is live and offers 75% off for very early bird tickets.
Miro has acquired Invision's Freehand, a visual collaboration platform. Jeff Chow, its former CEO, is moving to Miro as Chief Product and Technology Officer, along with several Freehand Technical and Sales team members.