Design

From Things and Stuff Wiki
Revision as of 09:05, 2 August 2023 by Milk (talk | contribs) (→‎Patterns)
Jump to navigation Jump to search


General

See also UI, Lorem ipsum.
















Patterns

See also Living#Patterns, Organisation#Patterns, Computing#Patterns



  • https://en.wikipedia.org/wiki/Evidence-based_design - the process of constructing a building or physical environment based on scientific research to achieve the best possible outcomes. Evidence-based design is especially important in evidence-based medicine, where research has shown that environment design can affect patient outcomes. It is also used in architecture, interior design, landscape architecture, facilities management, education, and urban planning. Evidence-based design is part of the larger movement towards evidence-based practices.











News



Design and brand guides

Inspiration

Project

  • Site type and size
    • Basic info and description
    • Additional content
    • Separate pages and areas
    • Custom functionality
  • Aesthetic
    • Brand and style
    • Layout
    • Colour scheme
    • Typography
  • Social?
  • Deadline?



Cloud Web Design

  • Business Card, Articles, Blogging, Image Galleries, etc.
  • WordPress.com, Tumblr.com, etc.
  • Plus costs (for theme & ad-free, plus domain).

Web Site Design and Build

  • Self-hosted Drupal site with bespoke configuration and theme
  • Using process estimation tools vs. budget
  • SSL cert. extra

Hosting and maintenance

Support, Training, Consultancy


Cloud site setup and custom theme, from £400, or a full site with bespoke backend and custom theme, starting at £650.


Estimation

Content

  • Define UX+IA to fit context of content and users
    • What kinds of users? What do they want to see? (User story?)
    • Create/brainstorm a sitemap outline/diagram of pages(/addresses)
    • What are the primary pages/areas of the site?
    • What info to display on each of these for their users?
    • What content needs to be written?
    • What elements (content areas, etc.) go on each page?
      • Page (as a part of the site as a whole)
      • Primary navigation always available
      • Secondary area navigation depends on area (or subarea) context
      • Primary page info/content
      • Secondary blocks of info/content
    • Wireframe layout for mobile first and desktop (and then tablet)
    • How can the project brand differ yet retain continuity in each area its pages?

Design

Brief

Guides and examples

  • Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web. They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.

User centered

Annotation

Social

See communication

etc

GUI and HCI

slashdot, moderation, metamoderation, ontology, etc...

svbtle, kudos;

Sharing

Gamification




Other

See also Search#SEO.2C_SEM.2C_SMO





Generative

Aesthetics

To merge to/from/with Graphics#Resources, Design




  • https://en.wikipedia.org/wiki/Performance_art - a performance presented to an audience, traditionally interdisciplinary. Performance may be either scripted or unscripted, random or carefully orchestrated; spontaneous or otherwise carefully planned with or without audience participation. The performance can be live or via media; the performer can be present or absent. It can be any situation that involves four basic elements: time, space, the performer's body, or presence in a medium, and a relationship between performer and audience. Performance art can happen anywhere, in any venue or setting and for any length of time. The actions of an individual or a group at a particular place and in a particular time constitute the work.




misc

Art is never finished, only abandoned. Leonardo da Vinci




other




Flat

Examples

Futurism

Brutalism

Glitch

Ratios

Colour

See Colours

Logos

Borders

Shadows

Backgrounds

Textures


Patterns

Ornamental flourishes

Also; dingbat flourish fonts

Images

Buttons

Icons

See Typography#Webfont icons and Graphics#Icons

Seperate icons for each menu or list item can be good.

common?;

  • About - pages
  • FAQ - ?
  • Help/Support - !
  • Blog - scroll?
  • Contact - envelope
  • Twitter
  • Facebook
  • Google+
  • RSS

Social icons/brands

  • Facebook deep blue; #3B5998
  • Twitter blue; #4099FF
  • Google plus red; #C85D42

Canvas

Vector

See also Graphics#SVG

Architecture