Участник:Lit-uriy/Песочница2
Материал из Wiki.crossplatform.ru
(Различия между версиями)
Lit-uriy (Обсуждение | вклад) (доплонения из википедии) |
Lit-uriy (Обсуждение | вклад) (→Commons: еее) |
||
| Строка 121: | Строка 121: | ||
|} | |} | ||
| + | == Aesthetic ideas == | ||
| + | (A list of aesthetic implementations or concepts.) | ||
| + | *'''Simplicity''' - some users advocate the abolition of color altogether. We disagree with this, but we do acknowledge their point: do not employ anything that does not serve a purpose. (There is, however, a clear need for color: the main page uses it to allow the user to focus onto one aspect of a relatively "busy" space, and notices use it to bring attention to themselves.) | ||
| + | |||
| + | With regard to notices, tables, and similar elements: | ||
| + | *'''A very light background''' - many of the most popular websites on the internet use this, and with good reason. Dark backgrounds look inactive ("dead"), brightly-colored backgrounds cause eye-strain, and both are generally unpleasant. | ||
| + | *'''A thin and slightly darker border''' - One very good looking use of colors is a light colored background, with a 1px border that is a darker version of that same color. | ||
| + | |||
| + | Wikipedia uses the following color scheme on its new main page: | ||
| + | |||
| + | <div style="background:#F5FFFA; border: 1px solid #CEF2E0; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#cef2e0;font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #a3bfb1;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title</div> this is an example of black text with color applied to its background and border </div> | ||
| + | <div style="background:#F5FAFF; border: 1px solid #CEDFF2; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#cedff2;font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #a3b0bf;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title</div> this is an example of black text with color applied to its background and border </div> | ||
| + | <br style="clear:both;"> | ||
| + | <div style="background:#FCFCFC; border: 1px solid #CCC; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#FCFCFC; font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #FCFCFC;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title</div> this is an example of black text with color applied to its background and border </div> | ||
| + | <div style="background:#FAF5FF; border: 1px solid #DDCEF2; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#DDCEF2;font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #AFA3BF;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title</div> this is an example of black text with color applied to its background and border </div> | ||
| + | <br clear="all"> | ||
| + | |||
| + | |||
| + | Color scheme from [[:Commons:Help:Contents]]: | ||
| + | |||
| + | <div style="background:#faf6ed; border: 1px solid #fad67d; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#faecc8;font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #fad67d;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title</div> this is an example of black text with color applied to its background and border </div> | ||
| + | <div style="background:#F1F5FC; border: 1px solid #ABD5F5; padding: 1em; margin: auto; width: 45%; float:left;"><div style="margin:0;background-color:#D0E5F5;font-family:sans-serif;font-size:120%;font-weight:bold;border:1px solid #ABD5F5;text-align:left;color:#000;padding-left:0.4em;padding-top:0.2em;padding-bottom:0.2em;">Title</div> this is an example of black text with color applied to its background and border </div> | ||
| + | <br style="clear:both;"> | ||
| + | |||
| + | |||
| + | Other color schemes: | ||
| + | |||
| + | <div style="background:#CFEFCF; border: 1px solid #000; padding: 1em; margin: auto; width: 45%; float:left;"> this is an example of text with color applied to its background and border </div> | ||
| + | <div style="background:#6EB4EB; border: 1px solid #000; padding: 1em; margin: auto; width: 45%; float:left;"> this is an example of text with color applied to its background and border </div> | ||
| + | <br style="clear:both;"> | ||
| + | |||
| + | Wikipedia used this color scheme on its old main page: | ||
| + | |||
| + | <div style="background:#fff3f3; border: 1px solid #ffc9c9; padding: 1em; margin: auto; width: 45%; float:left;"> this is an example of text with color applied to its background and border </div> | ||
| + | <div style="background:#f0f0ff; border: 1px solid #c6c9ff; padding: 1em; margin: auto; width: 45%; float:left;"> this is an example of text with color applied to its background and border </div> | ||
| + | <br style="clear:both;"> | ||
__NOTOC__ | __NOTOC__ | ||
Версия 19:43, 19 сентября 2008
|
__NOTOC__ __NOTOC__ __NOTOC__ |
__NOTOC__ __NOTOC__ __NOTOC__ |
|
Text-1 | Text-2 |
Text-3 |
Шаблон блока страницы 1
{{{Содержание}}}
Шаблон блока страницы 2
Введение
Документация
FAQ
Начало
Учебное пособие
Примеры
Литература
Инструменты
Wikimedia colour schemes
Wikipedia
Wikipedia uses this colour scheme on its Main Page.
- Please note that the colour for the border on the lighter boxes is also the colour of the backgrounds of the darker (title) boxes.
| background:#f5fffa border:#cef2e0 | background:#cef2e0 border:#a3bfb1 | ||
| background:#f5faff border:#cedff2 | background:#cedff2 border:#a3b0bf | ||
| background:#faf5ff border:#ddcef2 | background:#ddcef2 border:#afa3bf | ||
| background:#fcfcfc border:#cccccc |
And additionally on the Community Portal and Wikisource Main Page:
| background:#fffaf5 border:#f2e0ce | background:#f2e0ce border:#bfb1a3 |
Additional 3-colour palettes using this same generation scheme are at the top of the talk page. The background colour of Wikipedia pages is #F8FCFF.
Commons
The Wikimedia Commons uses this colour scheme on commons:Main Page and commons:Help:Contents.
|
background colour: #d0e5f5
background colour: #f1f5fc |
background colour: #faecc8
background colour: #faf6ed |
Aesthetic ideas
(A list of aesthetic implementations or concepts.)
- Simplicity - some users advocate the abolition of color altogether. We disagree with this, but we do acknowledge their point: do not employ anything that does not serve a purpose. (There is, however, a clear need for color: the main page uses it to allow the user to focus onto one aspect of a relatively "busy" space, and notices use it to bring attention to themselves.)
With regard to notices, tables, and similar elements:
- A very light background - many of the most popular websites on the internet use this, and with good reason. Dark backgrounds look inactive ("dead"), brightly-colored backgrounds cause eye-strain, and both are generally unpleasant.
- A thin and slightly darker border - One very good looking use of colors is a light colored background, with a 1px border that is a darker version of that same color.
Wikipedia uses the following color scheme on its new main page:
Title
this is an example of black text with color applied to its background and border Title
this is an example of black text with color applied to its background and border
Title
this is an example of black text with color applied to its background and border Title
this is an example of black text with color applied to its background and border
Color scheme from Commons:Help:Contents:
Title
this is an example of black text with color applied to its background and border Title
this is an example of black text with color applied to its background and border
Other color schemes:
this is an example of text with color applied to its background and border
this is an example of text with color applied to its background and border
Wikipedia used this color scheme on its old main page:
this is an example of text with color applied to its background and border
this is an example of text with color applied to its background and border
__NOTOC__
