XH on Twitter / X
luis. on Twitter / X
User Driven UI
Concept of User-Driven UI, emphasizing the importance of keeping users within the Zone of Proximal Development (ZPD) to optimize learning and usability. It proposes a novel approach using natural language processors, allowing users to pull in features as needed, ensuring a non-intrusive learning experience while addressing the challenges of software complexity.
Scroll Fading 101
Whether scroll fading is more distracting than usable depends on the following factors: its persistence, responsiveness, and how sparingly it is applied to elements on the page. When used right, this design pattern can improve brand perception, optimize page loading, and make content more digestible.
jakedugard on Twitter / X
magnific ai
Crafting A Killer Brand Identity For A Digital Product — Smashing Magazine
In this article, Sasha guides you through crucial processes and factors to achieve a consistent brand presence across platforms. She offers an overview of the entire brand identity process, explores collaboration with UI teams, and provides essential details on the assets required for the successful implementation of a digital brand.
Design & Branding Agency Redefining Creativity | Mucho
We're a globally recognized design agency crafting captivating brands with strategic brilliance. Explore our portfolio for resonant, inspiring branding.
Posters in the Palestine Poster Project Archives
This website has been created to mark headway on my masters' thesis project at Georgetown University. It is a work-in-progress.
I first began collecting Palestine posters when I was a Peace Corps volunteer in Morocco in the mid-1970s. By 1980 I had acquired about 300 Palestine posters. A small grant awarded with the support of the late Dr. Edward Said allowed me to organize them into an educational slideshow to further the "third goal" of the Peace Corps: to promote a better understanding of other peoples on the part of Americans. Over the ensuing years, while running my design company, Liberation Graphics, the number of internationally published Palestine posters I acquired steadily grew. Today the Archives numbers some 5,000 Palestine posters from myriad sources making it what many library science specialists say is the largest such archives in the world.
The Palestine poster genre dates back to around 1900 and, incredibly, more Palestine posters are designed, printed and distributed today than ever before. Unlike most of the political art genres of the twentieth century such as those of revolutionary Cuba and the former Soviet Union, which have either died off, been abandoned, or become mere artifacts, the Palestine poster genre continues to evolve. Moreover, the emergence of the Internet has exponentially expanded the genre’s network of creative contributors and amplified the public conversation about contemporary Palestine.
Elizabeth Laraki on X: "In 2007, I was 1 of 2 designers on Google Maps. The app was growing like wildfire. But it was becoming a cluttered mess — new features were being shoved into every pixel. Here’s the 4-step process we used to redesign Google Maps into one of the most loved apps in the world: 🧵… https://t.co/6svTptq67I" / X
Gavin Nelson on Twitter / X
Gavin Nelson's process of designing Github icon variants
DepressedBergman on X: ""As a little kid. I would fantasize a lot about stories. And I would draw my own movies." --- Martin Scorsese 11 year old Scorsese’s childhood “film,” one of the many epics he drew in storyboard form. His only audience was his childhood friend. https://t.co/9gDAuFjDLQ" / X
Martin scorsese's storyboard doodles
nibras ꩜ i love نبراس ◡̈ on X: "yesterday i had a convo with someone which started with him commenting on a book i was reading and then we kind of just didn’t stop talking we kept talking because the most natural next action to take, the path of most ease and relaxation, was to continue talking" / X
Elizabeth Goodspeed on Twitter / X
I'm so excited about this role and the chance to carve out a new space to discuss visual trends and all the weird realities of being a designer today! As a vehement generalist, I'll of course still be maintaining my freelance design practice the other half of my time as well 😈 https://t.co/K0PVpPG1Qg— Elizabeth Goodspeed (@domesticetch) November 28, 2023
Interview with Justin Duke on Visual Design
Users tend to respect a very dense visual field so long as that density is consistent and easily navigable, and the user testing I do shows that people tend to get more distracted when the ’noise’ comes from inconsistency rather than from volume itself.
Interviews about visual design
Designers don’t talk about visual design enough. I interviewed some people and we only talked about visual design.
Embark: Dynamic documents for making plans
Gradually enriching a text outline with travel planning tools
Animation Obsessive on Twitter / X
A few of Craig McCracken's style guide pages for The Powerpuff Girls (1998–2005), created by Craig McCracken, Hanna-Barbera Cartoons pic.twitter.com/9DeLlE9SuY— Animation Obsessive (@ani_obsessive) November 27, 2023
Nicolás Ruivo
Photographer
Graphic work – Natal's website
Branding Agency London - Ragged Edge
We’re a branding agency for people trying to achieve the improbable. Industry leaders. Start-ups. Changemakers.
Double Diamond Is Not How Most Companies Work — Smart Interface Design Patterns
The “Double Diamond” process rarely works well in real projects. Here’s how the design work actually gets done in small and large organizations, and where design has most leverage.
Figma’s future is about far more than design—or getting acquired
In just a few years, the beloved design tool has changed how software products are made. Now its vision has expanded to include coding. Next up: productivity for the masses
Boosting your fashion brand | TikTok for Business
Tips for finding your audience, showcasing your products, and boosting your sales
The Study of Shaders with React Three Fiber - Maxime Heckel's Blog
A complete guide on how to use shaders with React Three Fiber, work with uniforms and varyings, and build dynamic, interactive and composable materials with them through 8 unique 3D scenes.
Refraction, dispersion, and other shader light effects - Maxime Heckel's Blog
A guide on how to reproduce a chromatic dispersion effect for your React Three Fiber and shader projects with FBO, refraction, chromatic aberration, specular, and other tricks through 9 interactive code playgrounds.
Real-time dreamy Cloudscapes with Volumetric Raymarching - Maxime Heckel's Blog
This article is a deep dive into my experimentations with Volumetric rendering and how to leverage it to render beautiful raymarched cloudscapes in React Three Fiber and WebGL. In it, I walk you through everything from the basics of Volumetric Raymarching to the techniques used in video games to render physically accurate clouds.
Maxime Heckel's Blog
Hi I'm Maxime, and this is my blog. Here, I share through my writing my experience as a frontend engineer and everything I'm learning about on React, Shaders, React Three Fiber, Framer Motion, and more.
Images from Japanese Design Magazine *Shin-Bijutsukai* (1902)
Stunning designs from a watershed in Japanese publishing history: when pattern books became standalone works of art.
Interactive SVG Animations
An interactive mini-course on creating SVG animations by Nanda Syahrasyad.
Smoother & sharper shadows with layered box-shadows
With a simple CSS trick, we can get fine-tuned control over how shadows are rendered, and create richer and more realistic 3D effects
The box-shadow CSS property isn’t exactly built to encourage expressiveness. It essentially produces a blurred silhouette of an object—you can change its offset, blur radius, spread, and color, but that’s it. We can’t get anywhere near to expressing the complexities and nuances of shadows in real life.
Look at how square and clumsy the default box-shadow effect (first box) looks compared to the layered box-shadow (second box). We can achieve this effect by creating multiple box-shadows (separating each shadow with a comma), and increasing the offset and blur for every shadow (the box-shadow syntax is X-offset Y-offset blur color)