tag Design

標籤
貢獻311
1251
11:09 PM · Nov 16 ,2025
vitaly-friedman 頭像 cameron-chapman 頭像 paul-boag 頭像 andy-clarke 頭像 temani-afif 頭像 steven-bradley 頭像 anselm-hannemann 頭像 victoryocco 頭像 sven-lennartz 頭像 kat-neville 頭像 luis-ouriach 頭像 alma-hoffmann 頭像

@Design / 博客 RSS 訂閱

vitaly-friedman 頭像

Vitaly Friedman - How To Measure The Impact Of Features

So we design and ship a shiny new feature. How do we know if it’s working? How do we measure and track its impact? There is no shortage in UX metrics, but what if we wanted to establish a simple, re

Tools , ux , Design

收藏 評論

joshua-johnson 頭像

Joshua Johnson - Beyond The Boring: The Hunt For The Web’s Lost Soul

Has web design lost its soul? And is responsive design to blame? These questions, posed by my friend and colleague Noah Stokes, are provocative to say the least. After all, the responsive web has ma

Responsive Design , Showcases , Layouts , Design

收藏 評論

javiercuello 頭像

Javier Cuello - The Beauty Of Imperfection In Interface Design

Sometimes we tend to think of our designs as if they are pieces of art. But if we think of them this way, it means they won’t be ready to face the uncertain conditions of the “real world.” However,

workflow , Tools , Interfaces , Design

收藏 評論

melissa-scroggins 頭像

Melissa Scroggins - Don’t Forget The Small Stuff This Year

Whether a designer, developer, blogger, or freelancer, you surely have a to-do list on which certain items slowly inch their way down. These forgotten items add up fast! Think of all the items that

workflow , Productivity , Design , Business

收藏 評論

david-bushell 頭像

David Bushell - Understanding The Copyright License

The Web is full of creative and practical resources that we can use to improve our projects. Photography, fonts, music and code are perfect examples. Finding stock objects and existing implementatio

workflow , Privacy , Copyright , Licenses , Design

收藏 評論

kenteisenhuth 頭像

Kent Eisenhuth - A Frank Lloyd Wright Approach To Digital Design

Frank Lloyd Wright was a century ahead of his time. He was a pioneer, an avant-garde architect who broke free of the traditions of his era. His views on materials, form, function, space and environm

Graphic Design , Design Principles , Creativity , Inspiration , Design

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Data Vs. Findings Vs. Insights In UX

In many companies, data, findings, and insights are all used interchangeably. Slack conversations circle around convincing data points, statistically significant findings, reliable insights, and eme

ux , Web Design , Design

收藏 評論

thomas-giannattasio 頭像

Tom Giannattasio - Relationship Engineering: Designing Attraction

Apple seems to have entranced people. It’s hard to walk down the street without passing someone who is plugged in to those iconic white headphones or to enter a coffee shop without hearing someone g

Web Design , Emotional Design , Personalization , Opinion Column , Design

收藏 評論

ashish-bogawat 頭像

Ashish Bogawat - Boosting Productivity For Designers With Efficient Tools

There is a multitude of ways to do anything on a computer — and some are faster than others. As knowledge workers that push pixels on our screens all day, for us, every second saved by working faste

workflow , Tools , Design

收藏 評論

luke-reimer 頭像

Luke Reimer - Following A Web Design Process

Almost every Web designer can attest that much of their work is repetitive. We find ourselves completing the same tasks, even if slightly modified, over and over for every Web project. Following a d

workflow , Web Design , Design

收藏 評論

steven-bradley 頭像

Steven Bradley - Design Principles: Visual Weight And Direction

Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, impart

Graphic Design , Design Principles , Creativity , Inspiration , Design

收藏 評論

laura-franz 頭像

Laura Franz - Size Matters: Balancing Line Length And Font Size In Responsive Web Design

As we refine our methods of responsive web design, we’ve increasingly focused on measure (another word for “line length”) and its relationship to how people read. The popularization of the “ideal m

mobile , Typography , fonts , Readability , Design

收藏 評論

hannah-milan 頭像

Hannah Milan - Designing Accessible Text Over Images: Best Practices, Techniques, And Resources (Part 1)

What is the text over images design pattern? How do we apply this pattern to our designs without sacrificing legibility and readability? The text over images design pattern is a design technique us

Techniques , Typography , Accessibility , Design

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - The Smashing Mystery Riddle #4: Have You Figured It Out Yet?

Ah, these mystery riddles never stop, do they? To celebrate the launch of the SmashingConf Whistler, our very first conference in Canada, we’ve prepared a yet another riddle, and of course this time

Mystery Riddles , Web Design , Design

收藏 評論

eronarn 頭像

Eronarn - Imagine A Pie Chart Stomping On An Infographic Forever

According to statlit.org, statistical literacy is the ability to read and interpret summary statistics in the everyday media: in graphs, tables, statements, surveys and studies. Statistical literacy

Infographics , Design , Data Visualization

收藏 評論

daniel-rose 頭像

Dan Rose - The Lost Art Of Design Etiquette

Endless layers in Photoshop. Overstuffed image folders. That jQuery plug-in that has 12 files associated with it. Hundreds or thousands of individual pieces go into making a website. No wonder we go

Photoshop , workflow , Graphics , Web Design , Design

收藏 評論

philip-jagenstedt 頭像

Philip Jägenstedt - Interview With Björn Ottosson, Creator Of The Oklab Color Space

Oklab is a new perceptual color space supported in all major browsers created by the Swedish engineer Björn Ottosson. In this interview, Philip Jägenstedt explores how and why Björn created Oklab an

Interviews , Colors , Design

收藏 評論

paras-chopra 頭像

Paras Chopra - The Ultimate Guide To A/B Testing

People just aren’t as aware of it. They don’t completely understand what it is or how it could benefit them or how they should use it. This article is meant to be the best guide you will ever need f

workflow , testing , Design

收藏 評論

victor-ponamariov 頭像

Victor Ponamariov - How To Manage Dangerous Actions In User Interfaces

By definition, an interface is a layer between the user and a system, serving the purpose of communication between them. Interacting with the interface usually requires users to perform certain acti

User Interface , User Experience , Design

收藏 評論

sacha-greif 頭像

Sacha Greif - Building An Effective ‘Coming Soon’ Page For Your Product

I recently had to design a couple of teaser pages for a client and a personal project, and this led me to think about what exactly makes for a good teaser page — or to be more precise a “coming soon

Showcases , Branding , Web Design , Design

收藏 評論

jonyablonski 頭像

Jon Yablonski - A Guide To Personal Side Projects

Personal side projects are a cornerstone of creative growth and discovery. While they might not always result in financial gain, the long-term benefits are often much more useful. Benefits such as p

workflow , Productivity , Design

收藏 評論

will-dayble 頭像

Will Dayble - Whiteboards, Visions And Banned Words

This article is about design consultancy. It’s about wrangling that client who uses empty sentences like, “We want a snappy, simple experience,” or, “It should be on brand and should really pop.” It

ux , Process , Design

收藏 評論

sara-wachter-boettcher 頭像

Sara Wachter-Boettcher - Content Knowledge Is Power

“Content matters!” “Comp with real copy!” “Have a plan!” By now, you’ve probably heard the refrain: making mobile work is hard if you don’t consider your content. But content knowledge isn’t just ab

Inspiration , Content , Web Design , Content Strategy , Design

收藏 評論

temani-afif 頭像

Temani Afif - Re-Creating The Pop-Out Hover Effect With Modern CSS (Part 1)

In a previous article on CSS-Tricks, I demonstrated how to create a fancy hover effect where an avatar pops out of a circle on hover. The challenge was to make such an effect using only the img tag.

Techniques , Css , Design

收藏 評論