Graphic, Color and tools

Graphic Color and Tools 322432 Web Design Technology

By Yaowaluck Promdee, Dr. Sumonta Kasemvilas

WDS CS KKU

Web design technology | 2015 1

Index

•  The Design Concept •  Color •  Graphic •  Graphic Tools •  Assignment

WDS CS KKU


THE DESIGN CONCEPT

WDS CS KKU


The Design Concept

1. To inform 2. To identity 3. To persuade

WDS CS KKU


Plan Research, Observe

Wireframe, Concept

Design

Design Concept WDS

CS KKU


WDS CS KKU


Design isn’t visual

Be user centric

Design is in detail

Sketch often User white space

Keep inspirations

Design is all about

problem solve

Don’t copy ideas

Graphisc and colors

The Design Concept for web designer

http://www.creativebloq.com/web-design/10-design-concepts-web-developers-need-know-11135255

GRAPHICS AND COLORS

WDS CS KKU


Graphic •  Vector •  Bitmap

WDS CS KKU



http://www.creativebloq.com/colour/tools-colour-schemes-12121430


Color of

emotions

GRAPHIC TOOLS

WDS CS KKU


Graphic Tools

Picture editor, Design page Vector picture editor

WDS CS KKU


Screen of Illustrator

Artwork

Zoom in, Zoom out Page for Show your work

WDS CS KKU


Selection, Crop & Slice Tools

Retouch & Paint Tools

Drawing & Type Tools

Foreground Color & Background Color

Screen Modes

WDS CS KKU


Layout Design Sketch

Digital Mockup

WDS CS KKU


Example

http://i.ytimg.com/vi/1kW9LQ9hYK4/maxresdefault.jpg http://wwwimages.adobe.com/

WDS CS KKU


Example

http://webdesignfan.com//

http://webdesignsurvivalist.com/ WDS CS KKU Web design technology | 2015 17

http://vanimg.s3.amazonaws.com/

Example

http://bloomwebdesign.net/


Assignment#9 •  Design your blog 2 pages (Homepage and

About Me using Photoshop)


Graphic, Color and tools

Education

Transcript of Graphic, Color and tools