Resume Christopherriley Jones Do

Total Page:16

File Type:pdf, Size:1020Kb

Resume Christopherriley Jones Do RESUME CHRISTOPHERRILEY JONES DO 3400 S Spring Avenue Apt 8 [email protected] www.rileyjonesdesign.com St.1702 Louis, Olympic MO 63116 Blvd. @rileyj_schris@gmail. (twitter) (dribbble)com behance.net/RiJoneswww.blind.com 423.762.5423Santa Monica, CA 90404 @theChrisDo (twitter) medium.com/@rileyj_swww.facebook.com/blindinc 310.555.1234 EXPERIENCE COVENANT THEOLOGICAL SEMINARY 11/16 - Present EXPERIENCEPROFESSIONAL BLIND,12330 Conway INC. Rd 12/95 – Present PROFESSIONAL 1702Creve OCouer,lympic MO B l63141vd. SanDesignerta Monica, CA 90404 Founder/Executive Creative Director/Chief Strategist F• oundedDesigned Blind, and developed Inc., a business web pages design for marketing consultancy a variety withtypes an of content/eventsemphasis in thatbrand forwarded strategy, the motionmission anddesign, brand live objectives action for and the visual school effectsusing tools for :like comme Figma,r cials,Wordpress, main Illustrator, tit les, sh Git,ow HTML, opens, pSCSS,romos, and d iag littleital, ofa nJavascript.d print for entertainment and advertising clients. Clients• Implemented include: a small Mic designrosoft, system/style Nike, Merrill guide Lynch, for the Sh communicationsowtime Netw teamorks, to Mitsubishiuse and share Mo withtor s, Kodak,other departments Ford, Infiniti, in using Play brandstation assets. 2, New Jersey Anti-Smoking, Los Angeles Film Festival, Toyota, K2, Nextel, Atari, Sebastian International, Warner Brothers Television, Lincoln Financial,• Applied brand 20th positioning Century andFox, values Amne tos allty designsInternational, to keep theFo xbrand’s Sports messaging Net, Sony, as aF drivinguse, MTV. factor in the content bring presented. THE FUTUR, LLC 7/16 – Present • Created wireframes and prototypes for ideas concerning news kinds of design for the school’s site 1702through O lFigmaympic and Blvd. Invision. Santa Monica, CA 90404 CEO/Founder/Host• Collaborated and led other departments through web projects and design processes. YouTube• Re-designed based and developededucation school’s platform site. with Custom four coded concentrations: a Wordpress Branding,theme and implementedUX, Business my and Design.designs into Weekly templates video for seriesthe site. with over 150k subscribers. R/• BuiltGA and designed a marketing site using Webflow for a capital campaign the school was12/95 pushing – 03/96forth. 6526 W. Sunset Blvd. Hollywood, CA 90028 FFREELANCEreelance Designer 01/16 - Present mainIdentity tit Designerle and l &ogo Web design Designer for Island of Dr. Moreau main tit le design and animation for Eraser main• Designed tit le identitiesand transition for a variety design of brands for Celtic using Pridetools like Dropbox Paper, Illustrator, Photoshop to move designerthe process of forward. Taco Bell “Nothing Ordinary About It” tv campaign N• AchievedOVOCOM a professional and reliable level of communication between myself and clients.11/95 – 05/96 6314 Santa Monica Blvd. Los• Applied Angel strategices, CA thinking 90038 in branding projects. F• rDesignedeelance andDesigner developed sites for a variety of businesses using Webflow and Figma. design of various show opens and network I.D.s • Applied clear communication skills and direct collaboration in achieving designs/solutions that had EPITAPH RECORDS 08/95 – 10/95 2798 Sunset Blvd. LosSWITZER Angel CREATIVEes, CA 90026 11/15 - 05/16 DesignerFreelance Front-end Web Developer designed CD cover art, posters, j-cards and one sheets for bands including P• Assistedennywise in helpingand Rancid develop websites using HTML, and CS. COLE• Helped & withWEBER the development of a variety of Word press themes and design. 11/94 – 01/95 221 Yale Ave North #500 Seattle, WA 98109 Art Director/Designer designedBFM GROUP and INC art directed print ads for Westin Hotels, SGI computers, Child Ha08/15ven - 02/16 315 Stag Industrial Blvd PRAXISLake St Louis, MO 63367 01/94 – 04/94 DesignMulti-Media Studio Designer Pacific Palisades, CA 90272 Intern • Worked along side the creative team to achieve creative solutions for collateral designs using InDesign, assisted Simon Johnston in the design and layout of various print assignments Photoshop, and Illustrator. • Developed identites from concept sketches to refined deliverables. ACADEMIC Art Center College of Design, Pasadena, CA 05/00 – Present Part-time Instruc tor (Fall & Spring Semesters) Cou• Assistedrses Tinaught: developing Wordpress themes and designs that achieved objectives for the clients related to •Adthe projects.vance Motion Communication Design •Dynamic Type •Film Title Design •Sequential Design 1 Otis College of Art and Design, Los Angeles, CA 08/01 – 05/08 Assistant Adjunct Professor (Fall & Spring Semesters) Courses Taught: • Perspectives in New Media & Technology II •Motion Graphics Principles BOARDEXPERIENCE SocietyDESIGN to Promote JapaneseFRONT-END Animation- DEVELOPMENTBoard of Directors BRANDING & STRATEGY MEMBERSHIPSSKILLS Emmys Motion & Title Design– Executive Commitee • HTML, CS3, Java-script • Marketing Woodbury• Tuned eye University–for visual design Advisory Board • Messaging & Positioning Santa• Wire-framing Monica & College– prototyping Advisory• Word Board press • Content strategy Otis• Typography College of Art & Design–• Board Familiarity of Governors with React 2013-2014 • Content first design And Revues • Storytelling AIGA– Advisory Board, Events Co-Chair 2012-2014 • Writing • Logo design • Mobile first design • Web Design • Web flow EDUCATION Art• Sketching Center College of Design, •B SiteFA 95mapping w/ honors G• r Adobeaphics Creative and P ackagingCloud major Schola• Principlership recipient • Incision, Sigma, Marvel AWARDS Emmy 2010 – Animation Art Direction Music Video “Heart of Stone” Addy 09– Gold Middle Tennessee State University EDUCATION MTV VMA Best Rock Video for Jet “Are You Gonna..”/director Robert Hales BFA in New Media Communication w/ emphasis in design FORMAL | INFORMAL Communication Arts Design Annual 38, 42, 43, 44, 45 Minor in Art Type Directors Club 20, 22, 23, 25, 26 Minor in Music British D&AD 2003 – Silver IDSkills-hare 2002 – Design Distinction HVisualow In thierarchyernational & spacingDesign in Annual Web design 02 PrintU animation: Digital Designtiming and Annual animation 7 in Principle BLogotype:roadcast creativeDesign brandAssociation marks with 04 –typography Gold, Silver BResponsiveroadcast Design web design: Association mobile first03 –design. Gold, Silver Broadcast Design Association 02 – Gold NBrandew York New Fe conferencestival 2002 – Silver 77th Art Directors Annual OneWP ShCampusow – Merit Telly 03 – Silver, Bronze TelLyndaly 02 – Bronze TelThely 01essentials – Silver, of BJava-scriptronze CS grid first look Word press and Genesis: building custom themes from scratch PUBLICATIONS Stash 02, 07, 12 Post January 04, August 05 L.A. Weekly “A City In Motion” Pictoplasma 3 Stash vol. 02 (DVD magazine) “72 DPI, Anime” “E-Projects” Vol. 1 “Cutting Edge Web Design, The Next Generation” “Upload, Taking Print to the Web” “Motion Graphics: Film+TV” “Motion Graphics: Web” “Becoming A Graphic Designer” How, August 03: “Design Workspace” DesignNet, April 03 How, August 01“Behind The Design” Boards, September 01 Res, vol 4. no. 4 & 5 Graphic Design USA, January 01 “Res 10” 98 LECTURES/ ArtCenter Bold: Creative Symposium Strategies for Client Growth 2016 WORKSHOPS UCLA/Blackstone: Business of Desgin 2016 AIGA Richmond: Position Conference 2016 NAB Post Production World: Branding, Freelancing 101, Client Mgmt. 2016 Idea Resource: Branding workshop, Storyboarding workshop 2016 Word Camp: The Client Is Not Your Enemy 2015 WIAD Portland: Facilitation by design 2015 Motion Conference Santa Fe: “Confidence” 2015 Search Love San Diego 2015 CalArts Creative Strategies workshop and lecture 2015 ArtCenter 3x3: Yo Lai Do 2014 Pele Awards Hawaii 2014 ArtCenter Bold: Creative Symposium 2014 San Diego Univeristy 2014 Guangzhou Academy of Fine Art 2014 Beijing Academy of Fine Art 2014 Luxan Academy of Fine Art 2014 LADF Summer Evening Talks Series: The Rebound of Graphic Design 2011 TypeCon: Panel Discussion 2010 DMALA 2007, 2010 AIGA: Inside the Industry 2007 L.A. Art Institute 2005 CalArts 2004 Siggraph 2002 San Diego City College 2002 Otis College of Design 2000.
Recommended publications
  • Arch 482: Web Weaving [email protected] Tu Th ~ 9:00 - 10:20 ~ Gould 114 Architecture Hall G55 Winter, 2018 206.543.2132
    Digital Media & Design Computing Curriculum Brian Johnson Arch 482: Web Weaving [email protected] Tu Th ~ 9:00 - 10:20 ~ Gould 114 Architecture Hall G55 Winter, 2018 206.543.2132 About this course: Learn the basic web technologies that control content (HTML), appearance (CSS), and behavior (JavaScript), as well as what is needed to create an interactive web site using HTML forms, server-side scripting (using PHP) and basic database operations (using MySQL). Beyond the "how to," learn about good design practices for content preparation, navigation design and site management, plus strategies for supporting visitors connecting with everything from smart phones to desktops (responsive web design). Practice your developing skills by executing a series of projects that gradually build a personal website on the UW web servers. Cap it off with a team project where you can mix in your own ideas about online data or media services, social networks and design, and see what you can create. Prerequisites: Students registering for the course should be computer literate. That is, they should have an understanding of basic word-processing and text editing, file transfer, use of email, use of a web-browser, and basic use of image editing tools (e.g. Photoshop). Goals for the quarter: • To understand the fundamental technologies that underpin the “wild wild web.” • To understand current web capabilities, technologies and limitations. • To develop hands-on skill and judgement in design/construction of simple web sites. • To become confident and capable of creating or maintaining content using simple tools. • To create a web site which demonstrates what you have learned.
    [Show full text]
  • Web Form Ui Kit
    Web Form Ui Kit Er often duplicate satanically when quadrilingual Geoffrey computerized unpriestly and indoctrinating her corsage. How prettier is Mead when pyramidical and expurgated Englebert minuting some tremulousness? Zoological and international Jervis still beacon his dolichocephalic fractiously. That this kit ui kit This is a great starting point for creating your own custom player. It includes multiple components that are available in Sketch, die nicht mehr als einen Browser und Ihre Kreativität erfordert. Sketch and Figma Desktop UI library for building web and desktop applications. Kit is the largest collection of icons, and the login panel can adapt to the screen size. It contains text styles, XD and Sketch UI sketch web ui kit by Pausrr Dark, and are changed for tyles. So UI Kits or web design elements play a very important role in interface designing. Wireframe Ui Kit Ui Ux Design Ios Delivery Website Wireframe. Triggering this action might affect you later. The designer is Sathish Kumar. Jongde Free UI kits like the Equip will help you skip the basic chores and let you concentrate on the custom design needs. The immediate standout of the PWA is its lighthouse score. Mobile App User Interface template kit. Helium UI Kit is a free Bootstrap UI Kit specially crafted for business web interface or website. Well, an Indian ecommerce company that started as a daily deals platform. Available for Sketch and Figma. Ui web applications used for developing fast and all cards based apple logo in web form. Facebook related elements to use in creating wireframes for Facebook applications.
    [Show full text]
  • 2/2019: Lecture 5
    CMD364 : Web Design 2/2019 LECTURE 05 Content Inventory & Wireframe Jitdhikorn Sundarasaradula จิตธิกร สุนทรศารทูล email: [email protected] CMD364: Web Design 2/2019 - LC05 ©2015-2020 Jitdhikorn Sundarasaradula 1 OUTLINES • Content Inventory • Wireframe CMD364: Web Design 2/2019 - LC05 ©2015-2020 Jitdhikorn Sundarasaradula 2 References • Information Architecture (n.d.). In Wikipedia. Retrieved February 6, 2017, from https://en.wikipedia.org/wiki/Information_architecture • Information Architecture Basics (n.d.). Retrieved February 6, 2017 from https://www.usability.gov/what-and- why/information-architecture.html • Spencer, Donna (27 April 2010) Classification Schemes (and When to Use Them) Retrieved February 6, 2017 from http://www.uxbooth.com/articles/classification-schemes-and-when- to-use-them/ • Content Inventory (n.d.). Retrieved February 6, 2017 from https://www.usability.gov/how-to-and-tools/methods/content- inventory.html CMD364: Web Design 2/2019 - LC05 ©2015-2020 Jitdhikorn Sundarasaradula 3 Typical Web Development Processes Requirements Planning Design Development Maintenance Deployment Contents Layout Getting Information Information Visual / UX Architecture Analysis of Requirement Design Wireframe Elements CMD364: Web Design 2/2019 - LC05 ©2015-2020 Jitdhikorn Sundarasaradula 4 Planning of the website • Information Architecture (IA) theory . Organization Scheme . Organization Structure • Content Inventory • Wireframe CMD364: Web Design 2/2019 - LC05 ©2015-2020 Jitdhikorn Sundarasaradula 5 CONTENT INVENTORY CMD364: Web Design
    [Show full text]
  • Responsive Web Design.Docx
    Theresa Agostinelli, Librarian, Instructional & Educational Services Monroe Township Public Library, theresacahill@hotmail What is Responsive Web Design? Responsive web sites adapt gracefully to different screen sizes. For example, a site may display in three columns on a laptop or desktop computer, in two columns on a tablet, and in one column on a smartphone. This is illustrated in the above image. It is using the same content, but displaying it differently depending on the width of the screen. Instead of creating a desktop version of a site, and then a mobile version, one site is used for all devices. Web designers used to design for laptop and desktop computers. Now, with users accessing the Internet through laptops, desktop computers, smartphones, tablets, televisions, refrigerators, and more, many web designers have reversed their way of thinking. Instead of designing primarily for laptop and desktop users, and then creating a separate mobile app, many designers are now designing first for mobile users. Mobile first designs should be simpler than traditional layouts, since loading times can vary across devices. Designers may want to limit their use of images and enhance their designs through the use of white space, typography, and cascading style sheets (CSS.) Advantages of Responsive Web Design Responsive websites create a consistent user experience across various devices. Webmasters can make changes one time and those changes will carry over to all of their users. If the site is using a separate mobile app, changes must be made to the full website, as well as the mobile site, for users to see those changes.
    [Show full text]
  • Responsive Web Design (RWD) Best Practices Guide
    Responsive Web Design (RWD) Best Practices Guide Version: 2013.11.20 This document includes best practices around responsive web design (RWD) when developing hybrid applications. Details on each checklist item are discussed later in the document. Checklist RWD Practitioner ❏ Use CSS3 media queries rather than JavaScript onorientation change � ❏ Use flexible font units � ❏ Define a fluid grid system for layout � ❏ Use Flexible Margins and Padding � ❏ Make Images Responsive Where possible � ❏ Use CSS3 Media Queries � ❏ Accept limitations of CSS3 Media Queries � ❏ Consider using CSS Flexbox Layout � ❏ Design for Orientation Changes � ❏ Start and stay with simple layout � ❏ Define key horizontal (and vertical) breakpoints you need to support � Common RWD Problems Copyright © 2013 International Business Machines. All rights reserved. ❏ Avoid onorientationchange events to trigger DOM manipulation � ❏ Manage complex web components with different size-based structures � ❏ Managing graphically drawn components which require recalculation/redraw � ❏ Repaint/flicker due to use of Dojo’s portrait and landscape classes in CSS � Copyright © 2013 International Business Machines. All rights reserved. Discussion RWD Practitioner This section contains technical information for implementing responsive design relevant to practitioners such as CSS experts and web developers. Many of the topics discussed in this documents are also covered in and/or related topics in the following documents and should be used in parallel. ● CSS Best Practices ● JavaScript Best Practices ● Images Best Practices Use CSS Media Queries rather than JavaScript orientationchange events When you rotate a device’s orientation, the browser engine first reflows the content to the new orientation/screen dimensions (using CSS rules). After the reflow occurs, onorientationchange events are emitted to JavaScript.
    [Show full text]
  • Publishing 2.0
    Publishing 2.0 The Move Toward Digital November 2015 Introduction It’s been nearly 14 months since our first Music Publishing Special Report, and to say that there have been some major developments since would be a gross understatement. In keeping with trends in the field, we focus this time on the move to digital scores and their delivery. We wanted to find out where artists and organizations are on the spectrum of print vs. digital. In a word: Everywhere. CONTENTS Some aren’t even on it. At the Royal Opera House, Orchestra Manager Tony Rickard sees no reason to move into the digital realm. “We’re still surprisingly 2 Introduction untouched by technology,” he tells author John Fleming in Digital vs. Print: Three Music Librarians Weigh the Pros and Cons. At the other end of the technology Digital Score Delivery— 3 wand, Wu Han, Chamber Music Society of Lincoln Center’s co-artistic director Finding a Universal Model and a self-described “gadget freak,” sees little reason not to go digital. Keeping 7 Digital vs. Print: up with printed scores in the library is too labor intensive, she says, “when you make it all digital, it’s so much easier.” Three Committed Converts In an attempt to get a sense of orchestra librarians’ preferences, G. Schirmer, 9 Digital vs. Print: in partnership with a number of other major publishers, sent out a survey to Three Music Librarians Weigh the 200-member Major Orchestra Music Librarians (MOLA). Guy Barash, who the Pros and Cons devised the survey, describes the results in his article, Digital Score Delivery— Finding a Universal Model.
    [Show full text]
  • Ryangibboney.Com RYANGIBBONEY @Firehoot VISUAL DESIGNER + EDUCATOR Ryangibboneydesign
    814–502–3700 [email protected] www.ryangibboney.com RYANGIBBONEY @firehoot VISUAL DESIGNER + EDUCATOR ryangibboneydesign EDUCATION Masters of Fine Art in Visual Communications Design \\ December 2013 Purdue University – West Lafayette, IN \\ Summa Cum Laude, GPA: 3.95 Bachelors of Fine Art in Graphic Design \\ August 2008 Savannah College of Art and Design – Savannah, GA \\ Magna Cum Laude, GPA: 3.72 Renaissance Masters: Innovators of Italian Styles Off Campus Seminar – Italy \\ June 2008 Savannah College of Art and Design off campus study abroad program. Received the Neely Elizabeth Toohill Memorial Scholarship for studying abroad. Trip included stud- ies in Rome, Pienza, Sienna, Florence, Bologna, and Venice over a four week period. Associate in Specialized Technology in Graphic Design \\ July 2003 Pittsburgh Technical Institute – Pittsburgh, PA \\ Magna Cum Laude, GPA: 3.93 ACADEMIC APPOINTMENTS Instructor of Integrated Media Arts \\ Fall 2015 - Present Integrated Media Arts Department, Juniata College – Huntingdon, PA Taught an 18 credit load under a 1 year fixed term position. In addition to course work, worked with students to create Practicum Projects focused on Adobe Creative Cloud programs in addition to supervising local internship students focused on web design and social media marketing. Courses Taught: IM110: Principles of Digital Media IM275 Integrated Media Arts Lab IM276: Integrated Media Arts Lab II IM360: Digital Video Production IM399: Digital Video Production II IT341: Web Design Instructor of Graphic Design \\ Spring 2015 Graphic Design, College of Arts and Architecture, Penn State University – State College, PA Instructed and developed projects, exercises, schedule, lab and studio lectures, and lesson plans for the freshman-level graphic design course: GD102: Introductory Design Studio.
    [Show full text]
  • Responsive Web Design Techniques
    International Journal of Computer Applications (0975 – 8887) Volume 150 – No.2, September 2016 Responsive Web Design Techniques Waseem I. Bader Abdelaziz I. Hammouri Al-Salt College for Human Sciences, Department of Computer Al-Balqa Applied University, Information Systems, Al-Salt, Jordan Al-Balqa Applied University, Al-Salt, Jordan ABSTRACT internet around the world [3][4], but at the same time it has As new devices and technologies are invented to access the added more work on website designers, because now they internet, from computer desktops, laptops, mobile phones have to deal with many viewing devices and technologies to smart TVs, there has been a great need to upgrade the accessing their work. These devices have different size techniques used in the field of website design, because ranges and capabilities making their work a wonderful these new devices come along with their own specific sizes beauty on one device and a total mess on the other. and views. Although most devices & technologies try to be Nowadays users access the same website from desktop as compatible as possible with the common web design computers, laptops, mobile phones, iPhones, iPads, features, but there has been an absolute need for website Blackberries, notebooks, feed readers and even smart TVs. designers to do a lit bit more to adapt to the fast growing Each platform displays the same page in a different feel race in internet devices and provide all their viewers with from the others depending on its size and viewing the best possible experience while accessing their websites. capabilities. In this paper, different responsive website design techniques are presented that could adapt to different Whenever a user enters a website, the client looks for a technologies and devices while at the same time focusing user-friendly interface, quick access to his/her needs and a on cutting down the time and effort needed for a website comfortable content view without the need to worry about designer or programmer to maintain and edit it.
    [Show full text]
  • Building Responsive Websites
    HTML5 and CSS3: Building Responsive Websites Design robust, powerful, and above all, modern websites across all manner of devices with ease using HTML5 and CSS3 A course in three modules BIRMINGHAM - MUMBAI HTML5 and CSS3: Building Responsive Websites Copyright © 2016 Packt Publishing All rights reserved. No part of this course may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews. Every effort has been made in the preparation of this course to ensure the accuracy of the information presented. However, the information contained in this course is sold without warranty, either express or implied. Neither the authors, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this course. Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this course by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information. Published on: October 2016 Published by Packt Publishing Ltd. Livery Place 35 Livery Street Birmingham B3 2PB, UK. ISBN 978-1-78712-481-3 www.packtpub.com Credits Authors Content Development Editor Thoriq Firdaus Amedh Pohad Ben Frain Benjamin LaGrone Graphics Kirk D’Penha Reviewers Saumya Dwivedi Production Coordinator Deepika Naik Gabriel Hilal Joydip Kanjilal Anirudh Prabhu Taroon Tyagi Esteban S. Abait Christopher Scott Hernandez Mauvis Ledford Sophie Williams Dale Cruse Ed Henderson Rokesh Jankie Preface Responsive web design is an explosive area of growth in modern web development due to the huge volume of different device sizes and resolutions that are now commercially available.
    [Show full text]
  • Resposive Web Design According to Resolutions
    International Journal of Advancements in Research & Technology, Volume 7, Issue 9, September-2018 34 ISSN 2278-7763 RESPONSIV E WEB DESIGN ACCORDING TO RESOLUTIONS Ali Raza, Rida Ghazanfar, Moshin Raza 1Department of computer Science, University of Gujrat, Pakistan; 2Department of computer Science, University of Gujrat, Pakistan; 3Department of computer Science, University of Gujrat, Pakistan, University of Gujrat, Gujrat, Pakistan. Email: [email protected], [email protected], [email protected] ABSTRACT In this era, technology has advanced small devices such as laptop, tablet and mobiles. Their productivity has also been in- creased. We know that each device has different screen sizes. Now it has become a challenge for a developer that how to organ- ize a web content and display on screen. In this paper, a comparison of different types of responsive approaches has been pre- sented. These approaches work for various devices of screens. Our main discussion, in paper on Responsive Web Design (RWD), is highly recommended. A discussion has been made in this paper on RWD technologies and tools, issue and review of RWD. The objective of this paper is to find the best approach and suggestion for future work. This paper is guidance for the de- signers and the developer who will gain a better experience and improve their productivity in this field. Keywords : Responsive, Responsive Web Design, Resolutions 1 INTRODUCTION oday internet usability is increasing day by day. Accord- velopers and designers. It helps also in designing RWD with- T ing to a static suggestion there are over 3.5 million devices out going through trial and error learning.
    [Show full text]
  • Intro-To-Ui-Design-Wireframes.Pdf
    balsamiq.com/learn balsamiq.com/learn Page 1 Introduction to User Interface Design Through Wireframes This easy-to-follow guide will give you the confidence to talk about, review, and start designing user interfaces. It teaches foundational UI concepts and shows you how UI profes- sionals create effective wireframes. It is intended for Product Managers, Entrepreneurs, and other non-designers who want to feel comfortable in the world of UI de- sign. -The Balsamiq Education Team balsamiq.com/learn Page 2 Table of Contents What is UI Design ............................. 1 UI design layer 1: Controls ........................... 4 UI design layer 2: Patterns .......................... 6 UI design layer 3: Design principles .................. 8 UI design layer 4: Templates ......................... 10 The cooking analogy ................................ 11 Intro to UI Controls ........................... 13 Button Guidelines .................................. 19 Text Input Guidelines ............................... 24 Dropdown Menu (Combo Box) Guidelines ............ 29 Radio Button and Checkbox Guidelines .............. 34 Link Guidelines ..................................... 40 Tab Guidelines ...................................... 46 Breadcrumb Guidelines ............................. 51 Vertical Navigation Guidelines ...................... 55 Menu Bar Guidelines ................................ 60 Accordion Guidelines ............................... 66 Validation Guidelines ............................... 72 Tooltip Guidelines ..................................
    [Show full text]
  • AGENDA WILTON DRIVE IMPROVEMENT DISTRICT Special Meeting Wednesday August 1, 2018 2:00 PM Commission Chambers
    AGENDA WILTON DRIVE IMPROVEMENT DISTRICT Special Meeting Wednesday August 1, 2018 2:00 PM Commission Chambers CALL TO ORDER PLEDGE OF ALLEGIANCE ROLL CALL APPROVAL OF MINUTES July 11, 2018 minutes COMMENTS FROM THE PUBLIC Any member of the Public may speak for three minutes. NEW BUSINESS None OLD BUSINESS Lane Elimination Mitigation Program Website and Public Relations Campaign Proposals Photospot Mural ADJOURNMENT Pursuant to FS. 286.0105, if a person decides to appeal any decision made by the Board, Agency or Commission with respect to any matter considered at such meeting, or hearing, they will need a record of the proceedings and that for such purposes they may need to ensure that a verbatim record of the proceedings is made, which record includes the testimony and evidence upon which the appeal is based. Any person requiring Auxiliary Aids and Services for the Meeting may call the ADA Coordinator at 954-390- 2122 at least two working days prior to the meeting. If you are Hearing or Speech impaired, please contact the Florida Relay Services by using the following phone numbers: 1-800-955-8770 (Voice) 1-800-955-8771 (tdd) 1 MINUTES 2 WILTON DRIVE IMPROVEMENT DISTRICT 3 Wednesday, July 11, 2018 4 6:30pm Commission Chambers 5 6 CALL TO ORDER 7 Chair Blevins called the meeting to order at 6:30 p.m. He then led the Pledge of Allegiance. 8 9 ROLL CALL 10 Members Present Members Not Present 11 Chair Doug Blevins 12 Claudia Castillo 13 James Govin 14 Paul Hugo 15 Anthony LoGrande 16 17 Staff Present 18 Acting Legal Counsel Michael Pawelczyk 19 Assistant City Manager Pamela Landi 20 21 WELCOME 22 Chair Blevins welcomed members and guests to the meeting, and mentioned that although neither 23 could be present tonight, two new members of the Board, Matthew Dreger and Mitchell Bloch had 24 been appointed by the Commission last evening.
    [Show full text]