А вот, что делают дизайнеры Европы и Америки:

Camellie

ScaryGirl

CreativeJoomlaDesign

Deanoakley

Fritz-quadrata

HugsForMonsters

Hutchhouse

CarrerasConFuturo

Chucku

Littlebigplanetoid

Gruny

Cpeople

Dreamerlines

Matt Mullenweg

Koodoz

Lebloe

Beakable

Ftdesigner

Loukotka

Ryanmcmaster

Brownblogfilms

Snopp

Subvert

Jameslaicreative

MarkupAndStyle

ThingsThatAreBrown

Soyuzno

Go on Web

Envato

Elliotjaystocks

Mergeweb

Kevinlucius

Carbonica

Odosketch

Подборка предоставлена сайтом noupe.com

Постовой:
игра ресторатор. Не пробовали играть в неё?

Nevis

Frutiger 95 Ultra Black

Proxima Nova Condensed Extrabold

Franklin Gothic Heavy

Rockwell Extra Bold

Gnuolane

Bebas

Museo

Sling Bold

Delicious Heavy

Mido

Fontin

Liberation Serif

Liberation Sans

Colaborate

Coolvetica

Syntax Bold

Neue Helvetica 85 Heavyw

EF TV Nord Black

Warnock Pro Semi Bold

Stella Lining Bold

PMN Caecilia 85 Heav

Felbridge Extra Bold

Tuffy Bold

Blue Highway

Alte Haas Grotesk

Steelfish

Headline

Old Sans Black

Hit the Road

Kenyan Coffee

Tall Dark and Handsome

Engebrechtre

Portishead Dummy

Optimus Princeps

Episode 1

Mashburn

Boris Black Bloxx

Long Tall Sally

Media Gothic

Phrixus

Old Republic

Angleterre Book

Imperator

River Avenue

Arial Blac

Impact

Myriad Pro Black

Placard MT Condensed Bold

Walkway Black

Telegrafico

Оригинал: http://designm.ag/resources/headline-fonts/

Постовой:
Интернет-магазин сантехники: фитинги, запорная трубопроводная арматура, соединительная трубопроводная арматура, канализация, подводки, радиаторы, фильтры, сифоны, гофры, трубы пвх, металопластиковые трубы, клапаны.

47 сайтов с узорами и текстурами

Список составлен в алфавитном порядке, причем самые популярные ресурсы выделены жирным.

• 3Quarks (Узоры)
• Absolute Cross (Текстуры)
• Alice Grafixx (Узоры для Photoshop)
• AppendixSquared (Узоры для Photoshop)
• Ava7 Patterns (Узоры)
• Ben Cloward (Текстуры)
• BittBox (Текстуры)
• Brusheezy (Узоры для Photoshop)
• CG Текстуры (Текстуры)
• CircleBox Textures (Текстуры)
• Citrus Moon Patterns (Узоры)
• Colorburned (Текстуры)
• Colorfilter (Узоры + Текстуры)
• COLOURlovers (Узоры)
• CreateSk8 (Узоры для иллюстратора + Текстуры)
• deviantART (Узоры + Текстуры)
• Dezignus (Текстуры)
• DinPattern (Узоры)
• Everyday Icons – Patterns (Узоры)
• Fractured-Sanity (Узоры + Текстуры)
• FreeStockTextures (Текстуры)
• Gaming Textures (Текстуры)
• GRSites (Текстуры)
• Grunge Textures (Текстуры)
• HighResolutionTextures (Текстуры)
• Kaliber 10000 (Узоры)
• Kollermedia – Pattern4u (Узоры)
• Image Abstraction (Узоры + Текстуры)
• LoveTextures (Текстуры)
• myPhotoshopBrushes (Узоры для Photoshop)
• PatternCooler (Узоры)
• Pattern8 (Узоры)
• PatternHead (Узоры)
• Patterrific (Узоры)
• PixelDecor (Узоры)
• RepeatXY (Узоры)
• Seamless Textures (Текстуры)
• Squidfingers (Узоры)
• Texture Lovers (Текстуры)
• Texture Warehouse (Текстуры)
• TextureKing (Текстуры)
• TextureWell (Текстуры)
• TextureZ (Текстуры)
• Urban Dirty (Текстуры)
• Vecteezy(Узоры)
• Vector Portal (Фоны)
• Zen Textures (Текстуры)

10 онлайн-сервисов

• Dotted Background Generator
• Repper
• Tiled Background Designer
• Tartan Maker
• Stripe Generator
• Stripe Designer
• Stripe Mania
• Striped Backgrounds
• bgMaker
• Texture Maker

Если вы найдете подобный сайт либо сервис, которого нет в этом списке, напишите комментарий со ссылкой на него.

Предлагаю вашему вниманию перевод статьи Dan Zambonini – Web Design Checklist. Если вы найдете более правильный перевод некоторых пунктов, обязательно напишите коментарий.

Жду ваших дополнений.

Дизайнер: Andy Gongea;
Размеры: 64×64px;
Количество: 90;
Формат: .png;

Cкачать архив (0.2mb)

Эта статья – часть большого эксперимента, цель которого узнать, можно ли автоматически (программно) вычислить хорош или плох дизайн веб-сайта. Для опытов были выбраны сайты Apple, Microsoft, 37 Signals, YouTube и MySpace, точнее их главные страницы.

Заметим, что все изображения доступны в увеличенном виде.

Баланс

Хоть это и не является аксиомой, но хороший дизайн, как правило должен быть сбалансированным (если, конечно, идея дизайна не заключается в дисбалансе).

Мы разработали некоторые математические подходы к балансу дизайна, и в конечном итоге Бен Кэри выбрала алгоритм на основе центра масс, где масса – яркость каждого пикселя.

В результате ниже, зелёная точка – абсолютная середина страницы, красная точка – определённый нами, центр масс.

Цвета

Цвета, используемые в дизайне должны быть гармоничными, или, по крайней мере, не режущие глаза (опять же, если это не сделано целенаправлено). На круговых диаграммах показаны распределение цветов на каждой домашней странице.

В верхней таблице свет фона учтен, в нижней – нет.

Apple

Microsoft

37 Signals

YouTube

Myspace

Текст сайта в идеале должен следовать заранее определенной типографической иерархии, где каждый шаг в иерархии, должен быть четко дифференцирован: по размеру (по крайней мере один пиксель), стиль (например, курсив) и/или по семейству шрифтов.

Мы создали Javascript приложение, которое хранит информацию о типографике всех текстовых элементах на странице. Ниже показаны различия в типографке каждой главной страницы. Для каждого стиля вычислен процент его использования на странице (посимвольно).

Apple

Microsoft

37 Signals

YouTube

Myspace

Типографика Apple выглядит почти идеально, все стили отличаются друг от друга. С типографикой Microsoft тоже всё в порядке, но два самых крупных стиля имеют разницу меньше пикселы (эти различия могут быть обусловлены неточным CSS, однако результат один и тот же).

37 Sigbals, хотя и отдают предпочтение более большому набору стилей, в их стилях прослеживается чёткая иерархия

YouTube также хорошо прошол этот тест. Не порадовал только Myspace. В их стилях не только отсутствует чёткая иерархия, но и содержат ошибки смешивания аналогичных шрифтов (Arial и Verdana).

Источник: boxuk.com

Cкачать

1. Информационные сообщения

Цель информационных сообщений – информирование пользователей о чем-то актуальном. Как правило, такие сообщения голубого цвета, потому что люди ассоциировать этот цвет с информацией, независимо от его содержания. Это может быть любая информация, относящаяся к пользователю.

Например, информационные сообщения могут показывать некоторую справочную информацию или какие-нибудь советы.

2. Сообщение об успехе

Такие сообщения отображаются после успешной операции пользователя. Например, сообщение: “Ваш профиль был успешно сохранен, подтверждение было отправлено на адрес электронной почты, который Вы указали”. Это означает, что каждая операция в этом процессе (сохранение профиля и отправка электронной почты) успешно выполняется.

Многие разработчики применяют в этом случае информационное сообщение, но я предпочитаю использовать отдельный тип, используя зелёные цвета и зелёный значок с галочкой.

3. Предупреждающее сообщение

Предупреждающее сообщение должно отображаться для пользователя, когда операция не может быть завершена без его участия. Например, “Ваш профиль был сохранен успешно, чтобы его активировать вы должны перейти по ссылке, отправленной Вам на адрес электронной почти, который вы указали”. Обычное предупреждение имеет желтый цвет и значок в виде восклицательного знака.

4. Сообщения об ошибках

Сообщения об ошибках должны отображаться, когда по каким-либо причинам операция не может быть завершена. Например, “Ваш профиль не может быть создан”. Красный очень подходит для этого, поскольку люди ассоциируют этот цвет с любого рода предупреждениями.

Процесс

Теперь, когда мы знаем как должны выглядеть сообщения для пользователя, давайте посмотрим, каким образом реализовать это с помощью CSS.
Разметка HTML будет выглядеть так

<div class="info">Info message</div>
<div class="success">Successful operation message</div>
<div class="warning">Warning message</div>
<div class="error">Error message</div>

CSS-класс устанавливает нужные нам границы, отступы, бэкграунды, иконки для соответствующих сообщений:

body{
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
}
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}

Иконки я взял в коллекции, из предыдущей статьи.

Посмотреть пример Cкачать архив

Постовой:
ремонт стиральных машин ZANUSSI. Выгодные условия ремонта и обслуживания.

Значки, входящие в состав этого архива, размером 32 на 32 пикселя, могут использоваться как в веб, так и в программных интерфейсах.

Этот пакет включается в 39 иконок в PNG, ICNS, TIFF и ICO форматах.

Cкачать

Наслаждайтесь!

Постовой:
Хотите поисковое продвижение? Предлагаю фирму – Abiatec.