Thursday, November 4, 2010
Tuesday, November 2, 2010
Fonts and Typeface
Current Site:
Phoenix College
11px/normal Arial, sans-serif
Titles: Times New Roman 18px Serif
New Site Recommend: Verdana 12px for body (line height 20px has a lot of white space around it)
Titles: Georgia
Example: www.Alistapart.com
RIO:
Link Bar: 14px/Arial, Helvetica, sans-serif
Self-Serve Title: 20px Arial
Estrella
The whole page Body: Verdana, Tahoma, 'DejaVu Sans', sans-serif
Gateway: Link Bar Verdana 13px (H1) 14px Verdana, sans-serif; (H2) Verdana 12px
AZ Central.com Title: Arial, Helvetica, sans-serif
SERIF FONT
Examples of serif fonts are Times New Roman, Georgia, Book Antiqua, Palatino and Garamond. They aren’t heavily used on the web.
Suitable for the Web: Serif (Title): If you’d like to use a serifed font then Georgia is a popular choice. It looks nice, particularly at around 14 pixels.
SANS SERIF
Well-known sans-serif fonts include Helvetica (known as Arial on Windows), Trebuchet MS, Lucida Grande, and the ever-popular Verdana. All of these fonts are clean and will usually work well even at small sizes. Below is an example of text set in Trebuchet MS:
Sans Serif: Verdana — it’s probably the most-used font on the web. Helvetica/Arial and their variations are nice fonts, but are rarely specified as they don’t look quite as cool as Verdana. Trebuchet MS is nice, has similar spacing to Helvetica, and adds a distinctive edge since it is so rarely used.
Slab Serif: Courier New, and Rockwell
Web Fonts compatibility chart (lists Windows/Mac font equivalents):
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
Arial
Arial (Verdana)
Arial (Tahoma)
Arial (Trebuchet)
Phoenix College
11px/normal Arial, sans-serif
Titles: Times New Roman 18px Serif
New Site Recommend: Verdana 12px for body (line height 20px has a lot of white space around it)
Titles: Georgia
Example: www.Alistapart.com
RIO:
Link Bar: 14px/Arial, Helvetica, sans-serif
Self-Serve Title: 20px Arial
Estrella
The whole page Body: Verdana, Tahoma, 'DejaVu Sans', sans-serif
Gateway: Link Bar Verdana 13px (H1) 14px Verdana, sans-serif; (H2) Verdana 12px
AZ Central.com Title: Arial, Helvetica, sans-serif
SERIF FONT
Examples of serif fonts are Times New Roman, Georgia, Book Antiqua, Palatino and Garamond. They aren’t heavily used on the web.
Suitable for the Web: Serif (Title): If you’d like to use a serifed font then Georgia is a popular choice. It looks nice, particularly at around 14 pixels.
SANS SERIF
Well-known sans-serif fonts include Helvetica (known as Arial on Windows), Trebuchet MS, Lucida Grande, and the ever-popular Verdana. All of these fonts are clean and will usually work well even at small sizes. Below is an example of text set in Trebuchet MS:
Sans Serif: Verdana — it’s probably the most-used font on the web. Helvetica/Arial and their variations are nice fonts, but are rarely specified as they don’t look quite as cool as Verdana. Trebuchet MS is nice, has similar spacing to Helvetica, and adds a distinctive edge since it is so rarely used.
Slab Serif: Courier New, and Rockwell
Web Fonts compatibility chart (lists Windows/Mac font equivalents):
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
Arial
Arial (Verdana)
Arial (Tahoma)
Arial (Trebuchet)
Sunday, August 1, 2010
Color
002b5e
http://www.colorcombos.com/color-scheme-183.html
http://www.colorcombos.com/color-scheme-161.html
http://www.colorcombos.com/color-scheme-183.html
http://www.colorcombos.com/color-scheme-227.html
http://www.colorcombos.com/color-scheme-276.html
http://www.colorcombos.com/color-scheme-273.html
http://osc4.template-help.com/wt_29648/index.html#
College Websites Using Blue and Gold - some bad and some good. Really like the use of the darker blue with minimal gold (high bright yellow - not the darker mustard) and some lime green accents with a bit of brick
http://www.umich.edu/current.php (just like ours...yuck)
http://www.wvu.edu (not bad)
http://berkeley.edu/students (gold looks bad)
http://www.kent.edu/index.cfm
http://www.edustyle.net/site.php?site=3508
http://www.nd.edu/
*** http://www.coker.edu (blue with white lettering and just a little gold and some light green)
Nice redesign of color: http://www.pdx.edu ( I like the clean white small use of brick in a tab) Look at 2007 preview: http://www.edustyle.net/site.php?site=391
Green and Gold
http://www.msu.edu/ nice gold and the grey has a hint of green to it.
PICTURE TRANSITION IS INTERESTING!
http://www.colorcombos.com/color-scheme-183.html
http://www.colorcombos.com/color-scheme-161.html
http://www.colorcombos.com/color-scheme-183.html
http://www.colorcombos.com/color-scheme-227.html
http://www.colorcombos.com/color-scheme-276.html
http://www.colorcombos.com/color-scheme-273.html
http://osc4.template-help.com/wt_29648/index.html#
College Websites Using Blue and Gold - some bad and some good. Really like the use of the darker blue with minimal gold (high bright yellow - not the darker mustard) and some lime green accents with a bit of brick
http://www.umich.edu/current.php (just like ours...yuck)
http://www.wvu.edu (not bad)
http://berkeley.edu/students (gold looks bad)
http://www.kent.edu/index.cfm
http://www.edustyle.net/site.php?site=3508
http://www.nd.edu/
*** http://www.coker.edu (blue with white lettering and just a little gold and some light green)
Nice redesign of color: http://www.pdx.edu ( I like the clean white small use of brick in a tab) Look at 2007 preview: http://www.edustyle.net/site.php?site=391
Green and Gold
http://www.msu.edu/ nice gold and the grey has a hint of green to it.
PICTURE TRANSITION IS INTERESTING!
Student Life
Indian East University
Clean, Nicely Laid Out
Good Use of Colors
Minimal but Important Information
Good side navigation Headers and secondary pages
Good use of social media: Flickr
http://www.iue.edu/campuslife/resources/http://www.iue.edu/campuslife/resources/
Clean, Nicely Laid Out
Good Use of Colors
Minimal but Important Information
Good side navigation Headers and secondary pages
Good use of social media: Flickr
http://www.iue.edu/campuslife/resources/http://www.iue.edu/campuslife/resources/
Subscribe to:
Posts (Atom)
