Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

AS ICT Design Planning

Design Specification
by

Garfield Gordon

on 17 November 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of AS ICT Design Planning

Design
Planning

Unit G062 Structured ICT Tasks
AS ICT

Think about some of the websites you visit and come up with three points about good design.
What is good design?
Aesthetics
Functionality
Good Design
Beauty
Content is king
Users are pleased by the design but drawn
to the content
Users can move about easily via intuitive navigation
Users recognize each page as belonging to
the site
The Principles of Beautiful Web Design, 2nd Edition, Jason Beaird
Terminology
Page (Web/Print) Anatomy
Banner
Header
Layout
What can you see?
Balance
Principles of Good Web Design
http://psd.tutsplus.com/tutorials/designing-tutorials/9-essential-principles-for-good-web-design/
9 Essential Principles for Good Design
Unmatched Style at http://unmatchedstyle.com/

CSS Drive at http://cssdrive.com/

Design Meltdown at http://designmeltdown.com/

Pattern Tap at http://patterntap.com/

Yahoo Design Pattern Library at http://developer.yahoo.com/ypatterns/
Sources of inspiration
Define at least two elements of good design
Identify the parts of a layout
Construct a layout plan
Apply digital graphic tools to create a layout
Lesson Objectives
Layout Design
Content Design
Design Specification
G062 Coursework
Layout Design
Mockup - Wireframe
Hand Drawn
Considerations:
Position of elements not content
Hand drawn
Computer drawn
Device (computer, mobile)
Keywords
Design specification
This is the appearance – what it will look like including colours, type (font, etc.)
Content
What the application will contain – the actual text, headings, numbers
Layout

How the data is stored, positioned on screen.
Navigation
The links between screen/content.

Layout - Form / Reports
Content
Add some content
Design Specification
Where all the design elements are listed.
Moodboard
Textbook
Design Specification (p. 208)
Read Article : http://www.webdesignerdepot.com/2008/12/why-mood-boards-matter/


Navigation
No need to detail content - name slides/page, etc.
Draw lines/connectors
Use arrow heads if appropriate for direction
Ensure there are no dead ends
Show direction of links
Represent external links with lightening bolt
Navigation - Links
Full transcript