The dimensions of the A series paper sizes is defined by the ISO 216 standard. The A-series is used in Europe and throughout the world. A5 is half of A4 size paper and A2 is half of A1 size paper. A4 is closest size to US letter size and many printers have an A4 preset in their paper trays.
Here’s a list of Free resources we built for graphic artists that someone suggested I post in 2015 on this blog:
The best free graphic design software – From Creative Bloq
29 Free Online Design Tools for Creating Stunning Visual Content for the Web – From 11/19/15- Google Fonts are useful.
25 Design Freebies Websites Every Designer Should Know – from 10/3/16 – resources like Pixel Buddha & GraphicsFuel.
Our 10 Fav (& Free!) Design Tools From Around the Web – From 4/20/16, from WIX. Covers resources for Logos, Icons, Image Editors, Infographics, and Presentations.
- Free Font Utopia – From Font Squirrel.
- The 100 Best Free Fonts for Designers – From 5/4/17.
- A Curated Collection of the 40 Best Google Fonts – From 5/4/17.
- 101 Essential Free Fonts for Web Designers – From 5/5/14.
- Free web fonts ideas – From Pinterest.
- 15 Best Web Safe Fonts – That Work With HTML & CSS – From 5/8/17.
- The 41 greatest free web fonts – From 12/8/16.
Free vector icons
The Iconmonstr service also has a lot of person icons that could be used as user avatars in a web application. Icons are downloadable in five different formats (svg, eps, psd, png, font) and also embedable. The icons can used in non-commercial and commercial projects, services or products without attribution, you are just not allowed to resell them.
Royalty free stock photo resources
The ODEE team at Ohio State uses the Unsplash, another royalty free stock photo site.
For instructors and educators he Canvas LMS has the ability to find free stock photos on Flickr. There is a Free Stock Image Flickr channel. There is also a way to view stock photos of Flckr tagged ‘free’.
Here’s an interesting article about naming files for the web: http://www.ragepank.com/articles/50/spaces-underscores-and-dashes-how-to-name-files/
It seems that dashes may be the best way to separate words in a URL. A dash provides better readability than an underscore. Spaces are a bad idea to use because they turn into %20 in a URL and can be misinterpreted by some browsers, be harder to remember, and be harder to communicate verbally.
Here’s another article about spaces in filenames and why they should be avoided in web content: http://www.blackbaudknowhow.com/blackbaud-sphere/spaces-in-filenames-and-why-you-should-avoid-them-on-the-web.htm
Here’s a guide to the different uses of the em dash, the en eash, and the hyphen characters:
A Typography Glossary – covers the language of typography full of serifs, strokes, and swashes.
The All-Inclusive Guide to Web Typography Best Practices – From 8/27/14 – for Bootstrap websites.
Two spaces after a sentence is a holdover from the days before computers and desktop publishing. Typewriters used mono-spaced fonts where every letter had an equal amount of horizontal space. Adding two spaces after a sentence made mono-spaced lines easier to read. However most every font on a PC or Mac uses proportional typesetting so typing two spaces after a sentence are no longer needed yet old typewriter habits still continue. In proportional typesetting skinny letters are given less space than wide ones, white space between letters takes on a balanced appearance. Without the extra white space characteristic in mono-spaced type, breaks between sentences stand out in proportional typesetting without the need for two spaces after a line. Here are some articles with more information on the issue of one or two spaces after a sentence:
American Institute of Graphic Arts (AIGA): http://www.aiga.org/About/
Columbus Society of Communicating Arts (CSCA): http://www.cscarts.org/
International Council of Graphic Design Associations (Icograda): http://www.icograda.org/
Society for Environmental Graphic Design (SEGD): http://www.segd.org/
Underlining for emphasis is not typographically correct. On the web underlining should only be used to indicate hyperlinks.
Alignment – Alignment refers to positioning elements flush with a grid or each other. Ins ome graphics software apps you can create a grid or guides on a layer to aid in alignment and then hide that layer before printing.
Contrast – Contrast refers to the contrast of text to background and legibility. If the color and contrast ratio of text to background is too similar people with visual disabilities may have difficulty reading it. Good contrast allows designs to be legible in either color or black & white printing.
Proximity – The proximity of elements is used to group related information together in visual communication. The proximity of elements to each other shouldn’t be too close, in many cases use of more white-space and padding creates a cleaner looking design.