Nathan's Brain
  • Introduction
  • Incubator
  • American Sign Language
  • Art
  • Behavior Change
    • Akrasia
      • Beeminder
      • Procrastination
  • Career
  • Civil Discourse
  • Communication
  • Computer Science
    • Artificial Intelligence
  • Creativity
    • Writing
  • Design
    • Color
    • Design Process
    • Stock
    • Web Design
  • Economics
  • Engineering
  • Entrepreneurship
    • Customer Development
    • Marketing
      • Newsletter Publishing
    • Pricing
  • Environment
    • Energy
    • Transportation
  • Failure & Vulnerability
  • Freelancing
    • Estimating
  • Futurism
  • Governance & Politics
    • Representation & Voting
  • Health
  • Humane Tech
    • Phone Usage
  • Infotainment
  • Linguistics
  • Minimalism
  • Personal Finance
    • FIRE Movement
    • Investing
  • Productivity
    • Attention Management
    • Audio for Focus
    • Automation
    • Task Management
    • Time Management
  • Programming Languages
    • JavaScript
      • Snippets
    • PHP
    • Python
      • Development Environments
      • Package Management & Distribution
  • Psychology
  • Quantified Self
    • Experience Sampling Method
  • Rationality
    • Bayes' Theorem
    • Cognitive Biases
  • Religion
    • Adventism
  • Remote Work
  • Research
    • Note Taking
  • Science
  • Self-Study
    • Accessibility & Usability
    • Algorithms
    • Artificial Intelligence
    • Cryptography
    • Data Science
    • Design Patterns
    • Freelancing
    • Functional Programming
    • Game Development
    • Graphic Design
    • Grid Layout
    • Microservices
    • PWAs
    • SaaS
    • Software Craft
    • Software Management
    • Statistics
    • SVG
    • UI Design
    • Web Animation
  • Software Development
    • API Design
    • Collaboration
    • Command Line
    • git
    • Integrated Development Environments
    • Knoxville Scene
    • Paradigms
    • Refactoring
    • Self-Care
    • Testing
  • Technology History
    • People
    • Timeline
  • Web Development
    • Accessibility & Usability
    • APIs
    • Browsers
    • Content Management Systems
    • CSS
    • Email
    • Frameworks
      • React
    • Libraries
    • No Code & Low Code
    • Performance
    • Serverless
    • Static Sites
    • Testing
    • Twig
    • Type
Powered by GitBook
On this page
  • Design Patterns
  • Design Systems
  • Sketch App
  • Sources
  1. Design

Web Design

PreviousStockNextEconomics

Last updated 4 years ago

#article - “Tips and tricks that most people wouldn’t highlight when illustrating. They’re probably no use to anyone but me…”

#article - “Improving your designs with tactics instead of talent.”

#video - "Aaron James Draplin of Draplin Design Co., is working solo in the mighty Pacific Northwest, where he rolls up his sleeves on graphic design projects for companies like Nike, Patagonia, Target, Ford Motor Company and even the Obama Administration. Aaron hit design stardom for both his high level of craftsmanship and his honest and sharp talks commenting on the lives of designers and the state of the art of graphic design."

#webapp - "A better way to design. Design, prototype, and collaborate all in the browser—with Figma."

#software - "The world’s most powerful screen design tool"

#software - "Design Prototyping with Origami Studio"

#software - "Turn your designs into playable user flow diagrams that tell a story."

- "If you're looking for kick-ass designs and copywriting, you've come to the right place. I'll share a couple of designs here every day and I hope you'll enjoy it 🍿."

- "A simple library that provides standard Unicode emoji support across all platforms." CC-BY 4.0. More information on how to provide attribution .

- "I like to enter the base font-size for paragraph text. Then I select from the surrounding values for headers and small text."

#article - ““It needs more ‘pop’.” Can I tell you how many times I’ve heard that phrase? It’s the sad reaction to a design that could lack proper emphasis. My reaction is usually something like, “if everything pops, nothing pops.” Does this sound familiar?”

Design Patterns

- "A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece."

- "Build beautiful products, faster. Material is a design system – backed by open-source code – that helps teams build high-quality digital experiences."

#article - "The Media Object pattern is: image thingy on the left, heading and text on the right."

Design Systems

Sketch App

Sources

- “Latest Mobile Design Patterns”

- “User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.”

#article - "Design tokens have provided a visual foundation of many design systems since . I wrote an , and my energy on the topic continues to grow. As systems of visual style spread across a widening landscape of components, platforms and outputs, design tokens — and their names — are increasingly important."

#article - "Today I was sent an Illustrator (.ai) file from a client which I needed to use to output a .svg file. The only problem is I don't have Illustrator so I had to go searching for a solution."

#article - "A collection of 6 time saving design techniques."

#software - "Create, prototype, collaborate and turn your ideas into incredible products with the definitive platform for digital design."

- "A list of Keyboard Shortcuts for Sketch App."

- "The five best design links, every day."

5 Basic Tips for Illustrating
7 Practical Tips for Cheating at Design
Design Talks With Aaron Draplin: Finding Inspiration In Dead Stuff
Figma
InVision Studio
Origami Studio
Overflow
Pixels
ProductDesign.tips
Twemoji
here
type-scale.com
Using Visual Loudness for Better Wayfinding
Inclusive Components
Material Design
The Media Object, A Bunch of Ways
Mobbin
UI Patterns
Naming Tokens in Design Systems
Salesforce pioneered the concept in 2014
impassioned article on design tokens in 2016
Open .ai in Sketch
Saving time in Sketch
Sketch
Sketch Shortcuts
Sidebar