1. The UMD CS Homepage
|
|
- Elmer Young
- 6 years ago
- Views:
Transcription
1 1. The UMD CS Homepage
2 2. Webpage of your choice
3 Jon Froehlich Webpage: Overview Screenshots
4 Jon Froehlich Webpage Description An academic website for an HCI professor at UMD Target Users Researchers, CS folks, students, other academics, general technical audience Critique Positives: Clean, minimalistic look Well-organized Easy-to-find important information like contact, address, pubs Negatives: Lots of text, a bit overwhelming Some of the news/travel out-of-date Not super exciting/compelling UI Fonts are a bit small
5 Jon Froehlich Webpage: Layout
6 Jon Froehlich Webpage: Layout Critique Layout Description A 3-column layout: columns 1 and 3 are sidebars sandwiching main content in column 2 Critique Positives: simple, flows well, easy-to-understand Negatives: columns are not responsive (e.g., page does not scale to higher resolution, more space)
7 Jon Froehlich Webpage: Color Palette Link Highlight 173, 71, 79 Menu Highlight 173, 71, 79 Content Text 0,0,0 Sidebar Text 68,68,68 Menu Unselected Text 153,153,153 Past Travel Text 191,191,191 Background 255,255,255
8 You can provide Color Palette examples in two ways (choose one): 1. Color Example 1: shows color swatch with example UI 2. Color Example 2: shows interface with color swatch
9 Jon Froehlich Webpage: Color Example 1 Link Highlight 173, 71, 79 Menu Highlight 173, 71, 79 Content Text 0,0,0 Sidebar Text 68,68,68 Menu Unselected Text 153,153,153 Past Travel Text 191,191,191 Background 255,255,255
10 Jon Froehlich Webpage: Color Example 2 Menu Highlight 173, 71, 79 Content Text 0,0,0 Menu Unselected Text 153,153,153 Link Highlight 173, 71, 79 Sidebar Text 68,68,68 Background 255,255,255 Past Travel Text 191,191,191
11 Jon Froehlich Webpage: Color Critique Link Highlight 173, 71, 79 Menu Highlight 173, 71, 79 Content Text 0,0,0 Sidebar Text 68,68,68 Menu Unselected Text 153,153,153 Past Travel Text 191,191,191 Background 191,191,191 Color Description Uses one primary hue (a maroonish pink) + black, white, and 3 grayscale shades Critique Positives: Color palette between image of Jon and webpage is consistent, creating a nice, clean unifying look Uses gray effectively to de-emphasize less important content The palette feels professional Negatives: The colors are a bit on the bland side
12 Jon Froehlich Webpage: Typography Segoe UI Semibold
13 You can provide Typography examples in two ways (choose one): 1. Typography Example 1: shows UI snippets with description 2. Typography Example 2: shows interface with font descriptions Note: Some apps/pages use many (many!) different kinds of fonts, weights, and sizes. Please just analyze the top N (where N is selected based on importance, frequency of use, etc).
14 Jon Froehlich Webpage: Typography Example 1 Page Header 44px Style: Regular Content Header 14px Style: All Caps, larger Content Text 14px Style: Regular Sidebar Header 12px Style: All Caps, larger Sidebar Text 12px Style: Regular News Item Header Segoe UI Semibold 11px Style: Regular
15 Jon Froehlich Webpage: Typography Example 2 Page Header 44px, Style: Regular Sidebar Header 12px, Style: All Caps, larger Content Text 14px, Style: Regular Sidebar Text 12px, Style: Regular News Item Header Segoe UI Semibold 11px, Style: Regular Content Header 14px, Style: All Caps, larger
16 Jon Froehlich Webpage: Typography Critique Segoe UI Semibold Typography Description Uses the Segoe UI family. Most text is thin-weight (Light). Critique Positives: The thin-weight font provides a clean aesthetic The Segoe UI font family is modern looking and used, for example, in Windows 10 and Windows Phone Negatives Thin-weight fonts are harder to read Generally, there is simply too much text on the frontpage
17 Jon Froehlich Webpage: Iconography N/A My webpage lacks icons, so nothing to report here. For an application that uses icons, extract them and line them up similar to the Color Palette (Slide 7)
18 Jon Froehlich Webpage: Iconography Critique N/A Iconography Description None Critique N/A
19 Other Things Though not required, feel free to also critique: The use of imagery Animation Cross-page consistency On Web: responsive design
20 3. Mobile app of your choice
21 4. Physical artifact of your choice
Glympse Brand Guide. Initial Draft / Version 1.2
Initial Draft / Version 1.2 This guide covers the basics of the brand marks, color values, typography, iconography, and other aspects of the identity system. Version 1.3 updates to include: - Brand principles
More informationBrand Guide Template 1 BRAND STYLE GUIDE
Brand Guide Template 1 BRAND STYLE GUIDE Brand Guide for THE WHOLE BEAN 2 Mission Statement Who We Are We are part of the local community, providing a space for friends and family to share in products
More informationHelvetica Type Specimen Process book
Helvetica Type Specimen Process book Project Goal Using the history and typeface of Helvetica to inspire my design, the goal of this project was to create a booklet that would essentially sell the type
More informationUNC Eshelman School of Pharmacy
UNC Eshelman School of Pharmacy Brand Guide FINAL Typography The primary typeface is Fira Sans (Hair, Extra Light, Book, Bold, Extra Bold as well as matching italic equivalents). This has been carefully
More informationGeneral Reproduction and Usage Guidelines Bizrate Insights Updated 13 Aug, 2018
General Reproduction and Usage Guidelines Bizrate Insights Updated 13 Aug, 2018 Table of Contents Introduction Logo Fonts Color Geometry Web -Responsive -Navigation -Buttons -Contact Forms -Footer 3 4
More information2
1 2 3 4 5 Miracle Lawn Care 6 Lovely Lawn Care 7 8 9 Graphics Research 10 Question 1 11 Text vs. Graphic Question 2 12 13 14 Same Information But Different Emotional Responses Why Should You Care? 15 Graphic
More informationFun for everyone. Share. Live. Go.
Fun for everyone. Share. Live. Go. Index Please note this is an interactive (so clickable) guideline. Visual identity Logo Visual elements Imagery Visual identity Visual identity Logo Visual elements Imagery
More informationFast Company Homepage This ad is very distracting and grabs the viewer attention more than the logo and navigation. It could cause the user to overloo
Competitive Review Fast Company Homepage Doing well: It has a bold and modern feel that appeals to the internet audience. Doing poorly: The layout is confusing as to which elements match up and it's unclear
More informationBrand Identity Guide. September 2017
Brand Identity Guide September 2017 Welcome At Canada Drives our goal is to be the number one consumer lending company in Canada by making financing simple and accessible to every Canadian while maintaining
More informationMEDIA KIT. MARCH 2019 / v. 1
MEDIA KIT MARCH 2019 / v. 1 BRAND CONSTRUCTION three elements: the Symbol, the (HOLDINGS). To maintain its impact and immediate visual recognition, no text, graphic element, or edge should interfere with
More informationBRAND STANDARDS GUIDE UPDATED 9/15
BRAND STANDARDS GUIDE UPDATED 9/15 LOGO USE THE LOGO EXACTLY AS IT IS DESIGNED. The logo and positioning line are the results of research and creative development - as well as a rigorous approval process.
More informationCOMS 359: Interactive Media
COMS 359: Interactive Media Agenda Review Web Design Preview Review Tables Create html spreadsheets Page Layout Review Table Tags Numerous Attributes = border,
More informationPowerPoint TM Tutorial
PowerPoint TM Tutorial PowerPoint TM is an exciting tool that assists in effectively presenting a summation of important ideas to an audience. PowerPoint TM can often be intimidating to one who has never
More information2018 Brand Guidelines
2018 Brand Guidelines Logo Final Logo Our logo mark is the benchmark of our brand and one of our most valuable assets. Logo Versions Full Version - Linear A. Full Color The preferred way to use the Kinesics
More informationThe Deerbrook Web Style Guide
The Deerbrook Web Style Guide Table of Contents Introduction Agency Dashboard 2 Customer Data Window 3 Creative Brief Page Structure Agency Dashboard 5 Customer Data Window 7 Typography Color Photography
More informationWeb Guidelines TABLE OF CONTENTS. Expressing and Protecting the Carnegie Mellon University Identity
Web Guidelines Expressing and Protecting the Carnegie Mellon University Identity TABLE OF CONTENTS Web guidelines Content management system (CMS) 2 Wordmark 2 Colors 3 Typography 4 Links and buttons 4
More information> objective(s): Students will create a text-only design in either Adobe Illustrator or Photoshop
> word art > objective(s): Students will create a text-only design in either Adobe Illustrator or Photoshop > curricular focus: This lesson emphasizes the creative use of typography as the dominant artistic
More informationPower Point* Quick Start. 1. Start Power Point (PP) by 2x click on the PP icon in the program folder.
Power Point* Quick Start 1. Start Power Point (PP) by 2x click on the PP icon in the program folder. 2. Choose Design Template from the start screen then OK. 3. Select a design then OK. 4. From the slide
More informationDocument Formatting with Word
This activity will introduce you to some common tasks that you ll be doing throughout the semester. Specifically, it will show you how to format your documents in the standard document format. By learning
More informationConnect with Your Most Valued Asset Your Employees. Dynamic Signal
Connect with Your Most Valued Asset Your Employees Primary Logo Mark & Lockups Primary Monogram The most prominent brand element of the logo is the iconic lightning bolt monogram. This mark is simple yet
More informationBrand Guidelines 2017
Brand Guidelines 2017 1. INTRO Signifyd was founded to make fraud-free e-commerce available to every business. Signifyd solves the challenges that growing e-commerce businesses persistently face: billions
More informationGoogle Sites Guide Nursing Student Portfolio
Google Sites Guide Nursing Student Portfolio Use the template as base, but customize it according to your design! Change the colors and text, but maintain the required pages and information. Topic Outline:
More informationAt a glance: Digital Media, UX-UI Design > HTML Newsletters
Contents At a glance: Look & Feel Constructing HTML newsletters Technical requirements CD guidelines: Brand and Markings Typography Cover letter Teasers Imprint An HTML newsletter is a circular sent via
More informationTraining and Evaluation Center of Hutchinson, Inc. Brand Guidelines APRIL 2015
Brand Guidelines APRIL 2015 What is a brand? The TECH brand is who we are. It s the set of ideas, emotions and associations that come to mind whenever anyone thinks about us. Our brand comes to life in
More informationBRAND & STYLE GUIDELINES
BRAND & STYLE GUIDELINES OCTOBER 2018 VERSION 1.0 CREATING BRAND IDENTITY This guide is developed to help establish our new brand identity and ensure we communicate a consistent message to our audience.
More informationGeneral Reproduction and Usage Guidelines Bizrate Insights Updated 23 Oct, 2017
General Reproduction and Usage Guidelines Bizrate Insights Updated 23 Oct, 2017 Table of Contents Introduction Logo Fonts Color Geometry Web -Responsive -Navigation -Buttons -Contact Forms -Footer 3 4
More informationWEBSITE REDESIGN: STYLESHEET & MEASUREMENTS
WEBSITE REDESIGN: STYLESHEET & MEASUREMENTS WEB COLORS 1.0 PRIMARY COLOR PALETTE HEX #f0b323 HEX #d22730 HEX #004c97 HEX #00a9e0 HEX #059949 HEX #f45712 SECONDARY COLOR PALETTE HEX #f4c24f HEX #d84f57
More informationAdobe Illustrator CS Design Professional CREATING TEXT AND GRADIENTS
Adobe Illustrator CS Design Professional CREATING TEXT AND GRADIENTS Chapter Lessons Create and format text Flow text into an object Position text on a path Create colors and gradients Apply colors and
More informationA guide to simple, clean and minimalist design
A guide to simple, clean and minimalist design In a world full of fuzz, it s refreshing to see design that gets messages across clearly and quickly. That s the driving force behind our design approach.
More informationCenter for Genome Engineering
Center for Genome Engineering Contents: Direction 1: Abstract Crop Concept/Inspiration Typography Selection Logo Design Color Palette Application Direction 2: Changing Pattern Concept/Inspiration Typography
More informationBrand Identity Guide. Raise Your Hand Texas Brand Identity Guide Standards and Practices
Brand Identity Guide Raise Your Hand Texas Brand Identity Guide Standards and Practices August 2016 Primary Logo The Raise Your Hand Texas primary logo uses the letterforms from our name to present an
More informationCompetitors Usability Heuristics App Analysis. Sandeep Hundal UX Course Competitors Usability Heuristics App Analysis
Competitors Usability Heuristics App Analysis App Analysis Key Bad Poor Neutral Fair Bad Poor Neutral Fair Bad Poor Neutral Fair Bad Poor Neutral Fair Bad Poor Neutral Fair Sandeep Hundal UX Course A lot
More informationREIF. Presentation Guidelines
REIF Presentation Guidelines INTRODUCTION These guidelines were established to maximize consistency and legibility in all future REIF presentations. Important aspects to consider when building your presentation
More informationBrand Guidelines v1.0
Brand Guidelines 05.09.2017 v1.0 Introduction Welcome to our brand guidelines. This document is intended to help with understanding the Glassbreakers brand and act as a catalyst for creativity in how you
More informationDESIGNING A WEBSITE LAYOUT IN PHOTOSHOP CS4. Step 1
DESIGNING A WEBSITE LAYOUT IN PHOTOSHOP CS4 Step 1 We ll be using the 960s Grid System (download here) to keep everything aligned. Once you have it, open the included Photoshop document called: 960_grid_24_col.psd.
More informationInstructions for Formatting MLA Style Papers in Microsoft Word 2010
Instructions for Formatting MLA Style Papers in Microsoft Word 2010 To begin a Microsoft Word 2010 project, click on the Start bar in the lower left corner of the screen. Select All Programs and then find
More informationTranont Mission Statement. Tranont Vision Statement. Change the world s economy, one household at a time.
STYLE GUIDE Tranont Mission Statement Change the world s economy, one household at a time. Tranont Vision Statement We offer individuals world class financial education and training, financial management
More informationSECTION 1: LOGO USAGE...4-7
GRAPHIC Standards TABLE OF CONTENTS SECTION 1: LOGO USAGE...4-7 a. Primary Logo Signature... 4 b. Logo Signature Sizes and Proportions... 4 c. Clear Zone... 5 d. Color Options... 5 e. Co-branding... 6
More informationBRAND STANDARDS PAGE 1
2018 BRAND STANDARDS PAGE 1 LOGO PRIMARY PRIMARY / FULL-COLOR Use the primary, full-color logo whenever possible when production allows. This version of the logo should always be on white or 10% gray.
More informationGetting Started with CSS Sculptor 3
Getting Started with CSS Sculptor 3 With CSS Sculptor, you can quickly create a cross-browser compatible layout with custom widths, margins, padding, background images and more. Additionally, you can use
More informationCreate your first PowerPoint 2010 presentation
Create your first PowerPoint 2010 presentation Quick Reference Card Add slides To add a slide without selecting the layout first, do one of the following: On the Home tab, in the Slides group, click New
More informationVisual Identity Guidelines. October 17, 2016
Visual Identity Guidelines Colors NEUTRAL PALETTE Usage Notes: Our neutral palette comprises a family of greys. The greys are not based on the same root hue (i.e. they are not shades and tints of a middle
More informationDesign Principles. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of
Design Principles Advanced Higher Graphic Presentation Professional Graphic Presentations by kind permission of Design Principles:- Balance Balance in Composition Three different types of balance :- *
More informationAdobe InDesign CC. 1. Introducing the Workspace. 2. Getting to Know InDesign. 3. Setting Up a Document and Working with Pages
Adobe InDesign CC 1. Introducing the Workspace Getting started Looking at the workspace Working with panels Customizing the workspace Navigating through a document Using context menus Using Panel Menus
More informationDesign Style Guide. Tips & Tricks for Designing Outstanding Yearbook Pages.
Design Style Guide. Tips & Tricks for Designing Outstanding Yearbook Pages. TIPS & TRICKS FOR DESIGNING OUTSTANDING YEARBOOK PAGES INFOGRAPHIC GUIDE Designing your yearbook with YBLive should be fun and
More informationHARMONY Branding Guidelines BRANDING GUIDELINES
12 BRANDING GUIDELINES TOON BOOM HARMONY Toon Boom Harmony is the animation software used by studios and individuals worldwide. It is the fastest-evolving animation software, with the most advanced feature
More informationLesson 1 using Dreamweaver CS3. To get started on your web page select the link below and copy (Save Picture As) the images to your image folder.
Lesson 1 using Dreamweaver CS3 To get started on your web page select the link below and copy (Save Picture As) the images to your image folder. Click here to get images for your web page project. (Note:
More informationOLIN BAJA Brand Guidelines
OLIN BAJA Brand Guidelines Brand manual for maintaining consistent visual communication and identity OLIN BAJA Olin College of Engineering 2016-2017 OLINBAJA Olin Baja s Mission Engage students in a long-term,
More information50th Anniversary Campaign Brand Toolkit & Style Guide
Brand Toolkit & Style Guide At a Glance What is UAB s 50th Anniversary? For five decades, UAB has transformed lives, discovered solutions, and inspired greatness. During 2019, we ll celebrate the ways
More informationBlackfoot Brand Playbook
Blackfoot Brand Playbook Guidelines for Managing Blackfoot s Corporate Identity January 2018, v2 Overview Blackfoot s brand identity is more than just our logo. It consists of specific colors, fonts, graphic
More informationDESIGN AND BRAND GUIDELINES
DESIGN AND BRAND GUIDELINES Address Phone & Fax Online LinkResearchTools GmbH LeonardBernsteinStraße 10/ Floor 7 Saturn Tower 1220, Vienna, Austria, Europe Phone AT: +43 720 116 440 Phone US: +1 866 3473660
More informationWordpress Section Types RAINBOW DISTRICT SCHOOL BOARD WORDPRESS GUIDELINES
Wordpress Section Types RAINBOW DISTRICT SCHOOL BOARD WORDPRESS GUIDELINES OCTOBER 2016 Table of Contents Summary...1 Menu Structure & Pages...2 Navigating Pages...3 Text Block...4 Resource Listings...7
More informationMaxis brand guide. OOH guidelines. Version 1.0
Maxis brand guide OOH guidelines Version 1.0 Core elements Colours Colour palette - print Squiggle exists only in one colour. Maxis Shock Green. This is the primary, go-to colour and should be the most
More informationVisual style guidance
Visual style guidance H 36 H Introduction to the Logo Visual style guidance outlines how to use the program logo, color palette, typography and imagery in print and electronic communication products. The
More informationWITTENBERG UNIVERSITY
WITTENBERG UNIVERSITY GRAPHIC IDENTITY - QUICK OVERVIEW Wittenberg University has adopted a new graphic identity that reflects the institution s distinguished tradition and sense of mission. By projecting
More informationBRANDING GUIDE INSTITUTIONAL SYMBOLS. Branding Guide Overview. The University Seal. Symbolism of the Seal
Branding Guide Overview The Illinois Wesleyan University Branding Guide is designed to provide clear information on the proper use of approved graphics, colors and fonts for any application of the IWU
More informationPowerPoint Slide Show Step-By-Step
Setting Up a Slide 1. Start PowerPoint. PowerPoint Slide Show Step-By-Step 2. You can choose the wizard tool, a template, or a blank presentation. Choose template. Click OK. 1 3. Choose the Blends template.
More informationIDENTITY SYSTEM GUIDELINES
IDENTITY SYSTEM GUIDELINES Whether you re starting out, moving up or starting again WE RE READY WHEN YOU ARE August 2014. Version 1.5 Contents 02 CONTENTS 03 Our brand 04 Our Identity 04 Our logo 05 Logo
More informationSTACKS BRAND GUIDELINES
The New Library Experience STACKS BRAND GUIDELINES v 3.0 STACKS BRANDING The Stacks brand is more than just a logo. It is a collection of our ideas, our designs and our goals it is our identity. This guide
More informationVISUAL DESIGNER CAREER BLUEPRINT
VISUAL DESIGNER CAREER BLUEPRINT HAVE A QUESTION? ASK! Read up on all the ways we re here to help. CONFUSION IS GOOD :) Seriously, it s scientific fact. Read all about it! REMEMBER, YOU ARE NOT ALONE!
More informationBrand Guidelines. version
Brand Guidelines version 2017.1 Primary Logo The OPSWAT logo is a universal signature spanning all of our communications. Because it is such a recognizable and highly visible asset, it s important that
More informationBRAND AT A GLANCE OCTOBER 9, 2017
BRAND AT A GLANCE OCTOBER 9, 2017 1 CONTENTS 1.0 Brand Position Statement 2 1.1 Messaging Pillars 3 1.2 Personalities 4 2.0 Logo 5 2.1 Clearance Zone 6 2.2 Logo Sizing 6 3.0 Brand Colors 7 4.0 Typography
More informationHow to use character and paragraph styles
How to use character and paragraph styles Whether you re working with long or short documents, styles can help you keep text formatting consistent. Styles are a collection of text attributes you can save
More informationBrand Overview COLORS / FONTS / LOGOS rd Street, Suite 210 Denver, CO communityengineeringcorps.org
Brand Overview COLORS / FONTS / LOGOS 1031 33rd Street, Suite 210 Denver, CO 80205 720 204-3194 Color Palette PRIMARY COLORS PRIMARY PALETTE For most situations, it is important to utilize the two main
More informationBRAND GUIDE L I N E S
BRAND GUIDE LINES NETWORK OF COMMUNITY MINISTRIES SIMPLICITY IS THE ULTIMATE FORM OF SOPHISTICATION. Leonardo da Vinci 2 BRAND GUIDELINES THIS IS A GUIDE TO THE BASIC ELEMENTS THAT MAKE UP OUR BRAND. IT
More informationWeb Design. Santa Barbara. Dreamweaver Spry Menu Modifications
Web Design Santa Barbara Dreamweaver Spry Menu Modifications Scott Nelson Web Design Santa Barbara www.webdesignsb.com Updated Table of Contents Introduction... 3 Default Spry Menu... 3 Top-Level Menu
More informationIDENTITY STANDARDS VERSION 2.0 / FALL 2014
IDENTITY STANDARDS VERSION 2.0 / FALL 2014 2 3 IDENTITY STANDARDS VERSION 2.0 / FALL 2014 This manual outlines the standards for the University Union. Please direct any comments or suggestions to the
More informationLogo, Brand and Style Guidelines
Logo, Brand and Style Guidelines GEORGIA PUBLIC LIBRARY SERVICE LOGOS LOGO FORMATS AND USE Primary Color PRIMARY LOGO WITH BALL The primary logo the preferred version. ALTERNATE LOGO The alternate logo
More informationIntroduction. Please review these usage guidelines to help protect the JGI brand, and always use the identity with great care.
Brand Guidelines Introduction :: 2 Introduction The new Joint Genome Institute logo takes an evolutionary step into the future, while staying true to the strength of its past. It possesses smooth, flowing
More informationThe Art of Interface Design
The Art of Interface Design Anne Morgan Spalter Brown University Adapted and by Rich Riesenfeld Inter-related Components of Interface Design Task analysis and user testing Software engineering Functional
More informationReviewing and Evaluating your Website
Reviewing and Evaluating your Website Introduction In the following review, I will be evaluating the website that I have produced for my client. I will make sure I have made the website appropriate for
More informationIntroduction to Microsoft PowerPoint 2010
Introduction to Microsoft PowerPoint 2010 This class is designed to cover the following basics: Creating a presentation Adding new slides Applying design themes Adding text and content Animating text and
More informationSTAR OFFICE WRITER. Lesson 2
Lesson 2 STAR OFFICE WRITER 1. A is a named set of defaults for formatting text. a. Font b. Tab c. Page d. Style 2. is the keyboard shortcut for justified alignment. a. Ctrl + J b. Ctrl + C c. Ctrl + V
More informationIntroduction. ThinManager - A Rockwell Automation Technology
1220 Old Alpharetta Road, Suite 390 Alpharetta, Georgia 30005 www.thinmanager.com info@thinmanager.com OFFICE 678-990-0945 Introduction... 1 Logo... 2 Clear space and minimum size... 3 Primary color palette...
More informationGraphic Standards Guide
Graphic Standards Guide Atlas Tissue 2017 CONTENTS Introduction 3 Identity Overview 4 Logo 5 - Logo Configuration 5 - Sizing Requirements 6 - Logo Colors 7 Color 8 Typography 9 ATLAS TISSUE GRAPHIC STANDARDS
More informationDesign 101: Dress for the Job You Want
Design 101: Dress for the Job You Want by RAFAL TOMAL Themes Choosing a WordPress theme can be a little overwhelming at the beginning. Especially if you don t really know what you want your final website
More informationUser Interfaces Assignment 3: Heuristic Re-Design of Craigslist (English) Completed by Group 5 November 10, 2015 Phase 1: Analysis of Usability Issues Homepage Error 1: Overall the page is overwhelming
More informationDemo User Interface and Graphic Guidelines
Demo User Interface and Graphic Guidelines Typography & Colours Titillium Regular Titillium Semibold Titillium Bold The font used in Qt Demos is the company font Titillium. Fonts weights used: regular,
More informationPlease keep the pre-filled class _menu and add the new class for the menu display behind, separated by a blank. For example:
builtfor: Features: Easy to customize: Just upload your Logo and choose your desired colors! Unlimited color combinations possible (Commercial Version only) Clean and minimalistic design keeps the focus
More informationAURUM Metro Navigation
AURUM Metro Navigation End User Document Version 1.0 Oct 2016 Table of Contents 1. Introduction... 3 2. Initialization... 4 2.1 Create Metro Navigation List... 4 2.1.1 Adding the Metro Navigation Web part...
More informationVisual Design and Imaging Alignment
Visual Design and Imaging Alignment This document contains information about four Career-Technical Articulation Numbers (CTANs) for the Visual Design and Imaging Alignment Career-Technical Assurance Guide
More informationStyle Guide. Instructions and assets for marketing and technical staff who produce communications on behalf of EdReady.
Style Guide Instructions and assets for marketing and technical staff who produce communications on behalf of EdReady. Logo Variations 2 EdReady logo lockups include three possible components: 1. the wordmark
More informationOur Look Book. BRAND GUIDELINES VERSION 1.0
Our Look Book. BRAND GUIDELINES VERSION 1.0 SIMPLICITY IS THE ULTIMATE FORM OF SOPHISTICATION. Leonardo da Vinci 2 BRAND GUIDELINES THIS IS A GUIDE TO THE BASIC ELEMENTS THAT MAKE UP OUR BRAND. IT WILL
More informationDigital Media, UX-UI Design > Website Principles
Contents At a glance: Page layout header To ensure the correct appearance of our brands in a broad spectrum of applications with a web front end, uniform treatment of design elements is an absolute necessity.
More informationPresented by Dr. Mariah Judd February 15, 2013
Presented by Dr. Mariah Judd juddm@iupui.edu February 15, 2013 » What are the first things you notice? Color Pictures Title Figures Section titles Bullets.text » Brain storm ideas for what you want your
More informationCompany Design Specifications
Company Design Specifications File saving 1. Files should be saved in the appropriate folder in the CLE space for our team (i.e. templates in the template folder, etc.). 2. Files should be named such that
More informationlaurengregory laurengregorydesign.com
THSPA November 25, 2013 Topic: Basic Design Tips and Photoshop Helps 1. Layout Page layout is one of the most important graphic design disciplines. laurengregory lauren@briererows.com laurengregorydesign.com
More informationSTYLE GUIDE. CONTENTS: Logo Usage...2 Logo Placement...4 Color Palette...5 Typography...6 Additional Logos...7 Logo Reference Library...
STYLE GUIDE The Mended Hearts and Mended Little Hearts style guide is a tool to ensure that all communications materials, both internal and external, adhere to a cohesive style and brand standard. The
More informationModule 9: WayBackMachine Redesign
Module 9: WayBackMachine Redesign Written by Sydney Landon, Bernie Belcher, and Deron Ferrell Reflection When recreating MSU Writing Department's home page we wanted to make specific elements stand out.
More informationMYGOV.SCOT ASSETS. Design Guide for Developers
MYGOV.SCOT ASSETS Design Guide for Developers Contents Click on the options below for further information: Typography The mygov.scot font is Roboto, this is an open source, licence free font which can
More informationPolishing and Running a Presentation
Polishing and Running a Presentation Objectives Add pictures Add sound Add video Set slide transitions and timing Animate slide objects 2 Objectives Use speaker notes and slide show commands Print handouts
More informationDream the sky. Make it yours.
Dream the sky. Make it yours. Index Please note this is an interactive (so clickable) guideline. Visual identity Logo Visual elements Imagery Visual identity Logo Visual elements Imagery Visual identity
More informationLesson 21 Getting Started with PowerPoint Essentials
Getting Started with PowerPoint Essentials Computer Literacy BASICS: A Comprehensive Guide to IC 3, 4 th Edition 1 Objectives Identify the parts of the PowerPoint screen and navigate through a presentation.
More informationDreamweaver Basics Workshop
Dreamweaver Basics Workshop Robert Rector idesign Lab - Fall 2013 What is Dreamweaver? o Dreamweaver is a web development tool o Dreamweaver is an HTML and CSS editor o Dreamweaver features a WYSIWIG (What
More informationSUMMARY OF DESIGN CHOICES
SUMMARY OF DESIGN CHOICES Company Name The name is a Hawaiian word that means to go, move. As a new start up application development company, the name fit as Tech designs applications for people on the
More informationBRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER
BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER 716.517.6298 BRIEF AERIS Latin word meaning air, atmosphere, ether, or weather. SPECIFICS Asbestos abatement Lead hazard control Mold mitigation
More informationPOWERPOINT Build a Presentation to Remember
POWERPOINT 2007 Build a Presentation to Remember Microsoft Office 2007 TABLE OF CONTENTS DOCUMENT THEMES... 1 THEMES... 1 COLOR SETS... 1 FONT SETS... 1 MASTER SLIDES... 2 USING THEMES IN THE SLIDE MASTER...
More informationMINNESOTA STATE BRAND STYLE GUIDE
MINNESOTA STATE BRAND STYLE GUIDE 2016 VISUAL IDENTITY By working together to strengthen our shared identity as the State of Minnesota, we have the opportunity to consistently engage with citizens and
More informationBRAND STRATEGY SAMPLE. Assembled by Strong Design Studios strongdesign.co
BRAND STRATEGY Assembled by Strong Design Studios strongdesign.co CONTENTS Brand Tenets...3 Purpose Organizational Values Personality Keywords brand marks.... 7 Horizontal Lockups Vertical Lockups Avatars
More informationCLAREMONT MCKENNA COLLEGE. Fletcher Jones Student Peer to Peer Technology Training Program
CLAREMONT MCKENNA COLLEGE Fletcher Jones Student Peer to Peer Technology Training Program Preparing Image Content for Presentations, Web Pages and Structured Documents (Editing Documents and Images with
More information