皇族电竞竞猜

sx-science.cn - Web Design Tutorials, Tips, Top Resources

Design and Layout, Graphic Design, Web Design

Graphics Tools  Within the Design and Layout, Graphic Design, Web Design area you'll find a wide range of annotated links to Web design tutorials, design and layout principles and tutorials, graphic design principles and tutorials, tips, and resources, and cross-platform and cross-browser issues. You'll also find helpful Web design style guides and Web sites devoted to Web design and layout, graphic design, design and layout, and related design topics.

In addition, you'll find recommended books on graphic design, design and typography, typography, Web design business, graphic design business, freelancing, Web design and layout, and more.


Covers alignment of page elements, including the use of margins, white-space, text blocks, types of margins (justified, right-aligned, left-aligned, centered), headlines, more. Section of the Page Design chapter from The Web Style Guide. [Article/tutorial dated 2002, updated 5 March 2004, by Patrick J. Lynch, Sarah Horton, .]

  • Excellent tutorial that explains basic design principles: proximity, visual hierarchy, symmetry/asymmetry, repetition, unity, contrast, dynamics, emphasis, more. Examples of each are included with this tutorial. [Article/tutorial updated 03/08/2006, maintained by Bill Trikojus, authorized by Prof. Helmut Lueckenhausen, and part of .]

  • Balance, proximity/unity, repetition/consistency, contrast, white space, and more with visual examples. Series at 皇族电竞竞猜.com [Article/tutorial by Jacci Howard Bear, .]

  • Online course all about basic graphic design principles. Topics include: design: organizing elements, design principles: organizing intervals, balance around the optical center, balance the weight of graphic elements, balance positive and negative space, balance color, beware of individual color idiosyncrasies, avoid adjacent colors differing only in hue, consider the idiosyncrasies of color contrast, use color to create memorable moods, save bright or saturated colors for special uses, blue is for backgrounds, red and green for central elements, use depth cues to indicate importance/activity level, use similar colors to denote relationships, relate halftones with similar color tones, link color changes to dynamic events, use color consistently, never rely on color alone, consider perceptual disabilities, be aware of the gender connotations of colors, be aware of the social connotations of colors, develop color design under user conditions, computer type is not print type, choose a typeface appropriate to the material, consider readability, use italics sparingly, use typefaces consistently, shape of type affects cognition, density of type affects reader attention, create a rhythm, maintain visual consistency, use graphics to supplement non-visual information, don't let graphics distract, consider the gestalt of perceptual organization, put buttons and menus at the edge of the screen, use icons for recognizable concepts, make the affordance of objects obvious, page; don't scroll. [Article/tutorial series by Julie Jacobs and William Mueller, .]

  • “This is at the very heart of every good design, but what is it, and why do we need to remember it? As the rule suggests, this rule comes in 2 parts. What makes up the concept and who is going to see it? I can see that was clear as mud to some of you, so I will clarify.” [Article/tutorial dated 04/08/2008, by Lois Knight, for .]

  • Brief, helpful explanations and examples of similarity, continuation, closure, proximity, and figure & ground. [Article/tutorial part of , (Spokane Falls Community College).]

  • Series of articles, tutorials at 皇族电竞竞猜.com that include the principles of design, visual examples, form and function, principles of graphic design basics classes series. [Article/tutorial by Jacci Howard Bear, .]

  • [Article/tutorial by Eric Miller, for .]

  • Online chapter from The Web Style Guide. Sections include visual hierarchy, consistency, page dimensions, page length, design grids for Web pages, page headers and footers, page layout, general design principles, and much more. [Article/tutorial dated 2002, updated 03/05/2004, by Patrick J. Lynch, Sarah Horton, .]
  • Typography is also an important aspect of design. See also Typography for articles, tutorials, and books on typography for Web sites.

    Articles, Tips, and Tutorials on Graphic Design

    See also above, Basic Design Principles皇族电竞竞猜, which includes basic graphic design principles, too.

    top‘On this page’ menu

    Articles, Tips, and Tutorials on Web Design and Cross-Platform, Cross-Browser Web Design

    Articles, Tips, and Tutorials on Web Design

    top‘On this page’ menu

    Cross-Platform, Cross-Browser Web Design Articles and Tutorials

    In addition to the links below on cross-platform, cross-browser design, see also sx-science.cn's sections, CSS: Solutions to Cross-Browser, Cross-Platform Issues, and Cross-Browser, Cross-Platform Compatibility Testing Tools.

    top‘On this page’ menu

    ” and similar terms will pop up so many results. How do you know which are worth your time? The listing below provides links to just a few of the many online that are exceptional.

    top‘On this page’ menu


    Exceptional site for high quality articles, tutorials, and a forum all related to Web design and development. By Jeffrey Zeldman.

  • Jakob Nielsen's Alertbox with bi-weekly articles on usability for Web sites. Highly popular articles and well-known usability expert. His articles and opinions are mostly respected, some controversial, but always a good read. [Articles by Jakob Nielsen, .]

  • by Daniel Tobias. Lots of hints and tips about Web site development. Good resource, info, well written articles.

  • Programmers and developers resource. Excellent.

  • Fantastic site for high quality articles, tutorials, reviews, interviews, classifieds, daily news, and more about Web design and development. Created and produced by Nick Finck and staff. Exceptional.

  • One of the best sites around the Web for articles and tips related to design, development, programming, and related for beginners through advanced. Also home of the well known, popular discussion list, . Well organized site with excellent resources.

  • You can find archives of all the WebTechniques articles and tutorials here, which was a highly regarded, well respected magazine, packed with articles, tutorials, tips, and charts, and for beginners through advanced.

  • Best-selling author Robin Williams' blog on all things Web design. Categories include her books and other books, articles, tutorials, browser issues, CSS, class notes, photography, job hunting, planning and organizing, and much more. See also the forum there.

  • Another highly regarded and well respected Web site, covering Web site design and development. It used to carry far more for developers than designers, but you'll now find quite a bit here for designers, covering all aspects of Web site design, planning, long-term maintenance, running a Web design business, freelancing, and more. There are articles, tutorials, tips, newsletters, daily blogs, online forums, and well-written books on various aspects of Web design, too. Top-notch, constantly updated.

  • Fantastic Web site with case studies done on a range of Web design practices, such as a variety of navigation approaches, e-commerce functions, and page layout. Fascinating information, and well done. [Web site by Heidi P. Adkisson.]

  • An entire section at InformIt on a wide range of Web design topics by a number of top-notch experts, such as Faruk Ates, Andy Clarke, Kris Hadlock, Robert Hoekman, Jr., Molly Holzschlag, Sarah Horton, Miraz Jordan, Jonathan and Lisa Price, Catherine Seda, Dave Shea, and Dave Taylor. Topics include Web Basics, Publishing on the Web: Putting Files on the Server, Web Design Process and Workflow, Project Management, Mark My WWWord: HTML and XHTML, Standards Compliance, Layouts, Forms, Meta Tags and Search, Usability, Accessibility, Enhancing Web Page Interaction, Web Graphics, Web Page Optimization, Multimedia, Content, Overview of Servers, Server Programming Basics, Careers in Web Design, Tools, Tutorials, Intellectual Property for Web Designers. [Web site section part of .]

  • The Original Encyclopedia of Web Technology. Encyclopedia of Web design, tutorials and discussion. Extensive resource for Web developers and designers, including tutorials on a variety of topics — authoring, design, graphics, software listings and reviews, resources, several discussion lists, newsletter, much more. Excellent resource.

  • A valuable resource of information for Web designers by Joe Gillespie. This site gives ideas, tips and tricks for graphics and palettes, Web pages, navigation, Web design, includes many helpful link sites. Great site. Although Joe retired during 2005, all the archives are here.

  • Another extensive resource for Web site designers and developers. Tutorials, links, helpful tips, latest news. Excellent site.

  • Tutorials, references and resources for HTML, marketing and Web site promotion, search engine placement and info, more, including an E-zine. Great resource.

  • Filled to the brim with articles, tips, and tutorials by leading industry experts, Webmonkey is one of the main sources for Web design and development information for beginners through advanced.

  • Many excellent tutorials here on graphics, design, e-commerce, Javascript, including Dmitry's Lab. Another great resource, and links to even more. WebReference.com has been one of the main sites for Web design and development information for beginners through advanced.
  • top‘On this page’ menu


    Tips and annotated resources by Tobias Brown for good site design practices, including HTML, CSS, design and style, and additional resources. Great reference.

  • 皇族电竞竞猜.com's Jennifer Kyrnin's section from HTML/XML to help you create Web pages or find a Web designer.

  • 皇族电竞竞猜.com's annotated Web site resources for some great design articles.

  • 皇族电竞竞猜.com annotated resources to great design resources to help spark your creativity.

  • Just as the name implies, this site is an extensive, very valuable source. Numerous links packed full of helpful resources and information, clipart, service bureaus and printers, and much more.
  • top‘On this page’ menu

  • For short reviews of the above Design and Typography books, see Web Resources Recommended Books on Typography here at sx-science.cn.

  • For helpful Web Site Resources on graphic design business or Web design business, see also Web Resources Web Design Business here at sx-science.cn.

    For helpful Web Site Resources on typography, see also Web Resources Typography here at sx-science.cn.


    By Shirley Kaiser. Published by , July 2006. While the entire book is packed with helpful checklists and explanations, examples, and references to help with designing Web sites, several chapters are specifically devoted to various aspects of design for Web sites. For example, Chapter 6: Color - Preparing a Color-friendly Work Environment, Choosing a Color Scheme, Using Color to Enhance Functionality. Chapter 13: Design - Basic Design Principles, Effective Typography, Brainstorming, Finalizing the Design. Other chapters cover planning your Web site, initial questions to answer, preparing and managing Web site content, usability, information architecture, navigation, W3C Recommendations and standards, accessibility, Web site optimization, search engine optimization, testing, launching your Web site, post-launch follow-up and long-term maintenance, and much more. In addition, all those who purchase the book have special access to downloadable, printable checklists to use for all your projects. More information: , author's Web site: .

  • By Patrick J. Lynch, Sarah Horton. Published by Yale 皇族电竞竞猜 Press, March 2002. This best-selling book contains easy-to-understand theory and philosophy on designing, building, and implementing a Web site, along with helpful illustrations and resources. Some of the categories are Interface Design, Site Design, Page Design, Web Graphics, Web Multimedia and Animation, more. Excellent book. Also visit for an online version of the book and to learn more about this exceptional publication.
  • Also Recommended by sx-science.cn
    on Web Design and Layout

    Read short reviews and find more book recommendations on Web site-related topics in our Recommended Books, Software section!

    In association with

    Sponsored Links:

    top‘On this page’ menuNavigation belowSearch/Sidebar

    Web Site Resources

    Most Popular Books

    In association with

    Our Other Sites

    Effective, accessible, standards-based Web site design since 1996

    Weblog on Web design, CSS, standards, music, more. By Shirley Kaiser, SKDesigns.



    Within Articles, Tutorials, Tips:

    Within Web Site Resources:
    SkipShow or Hide Detailed Navigation