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

Ниже вы найдете одни из самых увлекательных страниц об ошибках 404 в интернете. Мы перечислили их в алфавитном порядке, чтобы избежать игры фаворитов, но все они достойны внимания. Поделитесь своими любимыми страницами ошибок 404 в своих комментариях!

1. 501st Legion

2. Abduzeedo

3. Apartment Home Living

4. Astuteo

5. Blippy

6. Factor D

7. SureDev

8. Blue Daniel

9. Brandstack

10. Center’d

11. Chris Jennings

12. Colour Marketing & Design

13. CSS-Tricks

14. CSSscoop

15. Digitalmash

16. Good Old Games (GOG)

17. HomeStarRunner.com

18. Hoppermagic

19. iFolderLinks

20. Itchy Robot

21. Jackfig

22. Jolie Poupee

23. Mark Dijkstra

24. Merge

25. Milrayas

26. OrangeCoat

27. Oroza

28. Sick Designer

29. Student Market

30. The Brand Surgery

31. The North Face

32. Tinsanity

33. TK Designs

34. Urban Outfittres

35. Urban Pill

[via mashable]

Постовые:
Инвестиционное агенство недвижимости «МиР» - Десять самых дорогих земельных участков Киева
Компания PraktikaDesign - 20 современных итальянских кроватей от Fimes
Салон красоты «Шуры-Муры» - 8 лучших продуктов для окрашенных волос
ТЦ «Барабашово» - Карта ТЦ Барабашово

Красный

Экшен, приключения, агрессия, кровь, опасность, драйв, энергетика, волнение, любовь, страсть, сила и энергия

Red Bull: 1987 разработчик не известен

Pозовый

Уважение, чувствительность, женственность, «цветочность», нежность, благодарность, невинность, романтика, мягкость и спокойствие

Barbie: 1959 разработчик не известен

Oранжевый

Доступность, креативность, энтузиазм, веселье, беззаботность, мужественность и молодость

Nickelodeon: 1984 Tom Corey, Fred/Alan Inc., Scott Nash

Желтый

Внимание, веселье, робость, любопытство, счастье, радость, игривость, позитивность, солнечный свет и тепло

McDonald’s: 1962 Jim Schindler

Зеленый

Живость, окружающая среда, свежесть, гармония, здоровье, исцеление, неопытность, деньги, природа, обновление и спокойствие

Animal Planet: 2008 Dunning Eley Jones

Синий

Авторитетность, спокойствие, уверенность, достоинство, официальность, лояльность, власть, успех, безопасность и доверительность

IBM: 1972 Paul Rand

Фиолетовый

Церемонность, дороговизна, фантастика, справедливость, таинство, благородство, величие, утонченность и духовность

Hallmark: разработчик не известен

Коричневый

Спокойствие, глубина, Земля, природность, богатство, простота, серьезность, утонченность и полезность

UPS: 1961 Paul Rand and 2003 FutureBrand

Черный

Авторитет, самоуверенность, классика, консерватизм, самобытность, формальность, мистерия, таинство, серьезность и традиции

James Bond 007: разработчик не известен (© 1962 Danjaq, LLC and United Artists Corporation)

Серый

Власть, корпоративный менталитет, тупость, смирение, угрюмость, практичность, уважение, мрачность и стойкойствие

Swarovski Crystal: разработчик не известен

Белый

Чистота, невинность, мир, непорочность, изысканность, стерильность, простота и правдивость

Girl Scouts: 1978 Saul Bass

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

источник — logocritiques.com

2. Web Designer’s Success Guide

3. Designing For The Web

4. Design Your Imagination

5. Time Management For Creative People

6. Getting Real

7. The Woork Handbook

8. A Practical Guide To Web Typography

9. Integrating Accessibility Throughout Design

10. Web Style Guide

источник — mashable

Number of Icons: 14
File Format: JPG and PNG
Sizes: 150×150px
License: Custom license – Personal and commercial use

2. Artistica Icon Set

Number of Icons: 60
File Format: PNG
Sizes: 24×24, 32×32px, 48×48px, 64×64px, 128×128px and 256×256px

3. Natsu Icon Set

Number of Icons: 43
File Format: ICO and PNG
Sizes: 256×256px

4. Handy

Number of Icons: 24
File Format: AI and PNG
Sizes: 256×256px

5. Sketch’d up!

Number of Icons: 99
File Format: EPS
Sizes: Variable sizes

6. ColorStroked Freehand Icon Set

Number of Icons: 29
File Format: PNG
Sizes: 150×150px

7. Watercolor Free Icon Pack

Number of Icons: 36
File Format: PNG
Sizes: 256×256px

8. Handycons

Number of Icons: 12 icons
File Format: PNG
Sizes: 16×16px, 24×24px, 32×32px and 48×48px

9. Social Icons Hand Drawn

Number of Icons: 18
File Format: PNG
Sizes: 24×24px, 32×32px, 48×48px and 64×64px

10. 49 “Hand-Drawing” Icons Set

Number of Icons: 49
File Format: PNG
Sizes: 16×16px, 24×24px, 32×32px, 48×48px, 64×64px, 128×128px, 256×256px

источник — mashable

1. Dan Cederholm Tвиттер: @simplebits
Фото: Dribbble
Блог: SimpleBits Notebook
Где работает: Principal/Founder, SimpleBits

2. Joshua Blankenship Twitter: @blankenship
Images: Flickr
Blog: Joshua Blankenship | Blog
Employer: Design Director, NewSpring Church

3. Dustin Curtis Twitter: @dcurtis
Images: DustinCurtis.com
Blog: Dustin Curtis is a superhero
Employer: Freelance Startup Consultant
4. Andy Rutledge

Twitter: @andyrutledge
Images: Portfolio
Blog: Design View
Employer: Principal and chief design strategist, Unit Interactive, LLC

5. Ryan Carson Twitter: @ryancarson
Images: Flickr
Blog: Think Vitamin
Employer: Founder, Carsonified

6. Jacob Cass Twitter: @justcreative
Images: Flickr
Blog: Just Creative Design
Employer: Junior Creative, Carrot Creative

7. Chris Pearson Twitter: @pearsonified
Images: Portfolio
Blog: Pearsonified
Employer: Self-Employed Web Designer

8. Chris Coyier Twitter: @chriscoyier
Images: Flickr
Blog: Chris Coyier
Employer: Wufoo

9. Graham Smith Twitter: @imjustcreative
Images: Flickr
Blog: Logo Design Blog
Employer: Freelance Logo Designer

10. Chris Spooner Twitter: @chrisspooner
Images: Flickr
Blog: Spoon Graphics
Employer: Freelance Designer

источник — mashable

2. Mono Icons

3. Pictoico

4. Gentleface Toolbar Icons

5. PICOL

6. Brightmix

7. Token

8. BackToPixel

9. Eclipse2

10. Helveticons

источник — mashable

Дизайнер моего блога Нейт Уайтхилл, один из безумных гениев UniqueBlogDesigns.com, в течение последних дней работает со мной над изменением нескольких настроек дизайна блога.

Я могу быть немного педантичным в этих изменениях, так что я должен поблагодарить Нейта за его терпение. Вот снимок хедера моего блога, где произошло большинство изменений -

Для чего мне нужны изменения?

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

Внесение изменений в ваш дизайн — это как перестановка мебели в вашем доме. Это не совсем так же, как жить в новом доме, но все-таки освежает и захватывает.

Конечно, внося изменения в свой блог, вы преследуете какие-то цели, и большинство изменений, которые мы осуществили в течение последних нескольких дней были сделаны для расширения и упрощения доступа к основным «горячих элементам» моего сайта.

Много лет назад Google выпустила «жаркую карту» (heat map), чтобы помочь веб-мастерам понять, какие области вашего сайта получают самое пристальное внимание, и, следовательно, представляют собой лучшие места, чтобы максимально использовать на них рекламу.

Вы можете найти больше «жарких карт» здесь: Google Heat Map Revisited

Более темные участки получают больше внимания, и поэтому вам так необходимо оптимизировать ваш дизайн, разместив в этих «горячих» областях ваши наиболее важные элементы.

«Жаркая карта» была разработана для пользователей AdSense, кто следуя ей, размещал рекламные блоки AdSense в горячих областях сайта, чтобы увеличить свой доход на AdSense. В моем случае, и, вероятно, в вашем тоже, если вы делаете список рассылки и вы один в своей нише, то вы хотите использовать «горячие области» вашего блога или сайта с наибольшей отдачей. Для меня, это блок электронной рассылки и блок Blog Profits Blueprint.

Изменения, которые мы только что сделали, это перемещение некоторых опций из правого сайдбара главной страницы в самую «горячую» область блога, а именно – в центр и немного левее.

Упрощение

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

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

Вот несколько советов, которым вы можете последовать, и которые я постоянно использую, что помогут вам сделать дизайн вашего блога не слишком запутанным, и таким образом получить результаты, которые вы хотите получить:

• Используйте большие шрифты. Я знаю слишком много блогов, которые используют крошечный шрифт, и это создает лишь размытость, которую никто не читает. Если вы используете на своем блоге мелкий шрифт, я рекомендую вам его увеличить.
• Щедро используйте «белые пространства» или пространство в целом. Идя против эффекта «размытости», когда вы объединили вместе слишком много элементов, создайте больше свободного пространства вокруг контента, который лишний раз подчеркнет этот контент.
• Не просите ваших читателей сделать слишком многое. Что я прошу у своих читателей? Это подписаться на мой канал, последовать за мной на Twitter и на Facebook и подписаться на обновления блога по электронной почте. Я счастлив, что я могу четко определить каждый из этих элементов, а также подчеркнуть наиболее важный из них (blueprint).
• Смешивайте разные цвета, границы и образы. Изображения (фотографии) – это очень мощный инструмент для привлечения внимания, особенно фотографии людей, а вместе с иконками, элементами с четкими границами и контрастными цветами, все это создает разделение между каждой областью вашего контента.
• Используйте мультимедиа где это необходимо. Добавление видео на свой блог, создает определенную интерактивность, которая захватывает внимание, и позволяет передавать ваши сообщения с помощью слов и картинок, не загромождая дизайн.

Нейт и я еще не закончили свою работу, но основные изменения уже сделаны. Мы также создали хостинг для этого сайта, чтобы воспользоваться всеми преимуществами Content Delivery Network. Это должно ускорить время загрузки блога. Также вы можете прочитать на блоге Джона Чоу, как он работает над дизайном своего блога.

]]> http://www.woldemar.net.ua/webdesign/redesign-of-my-blog/feed/ 2 http://www.woldemar.net.ua/webdesign/45-icons/ http://www.woldemar.net.ua/webdesign/45-icons/#comments Fri, 19 Mar 2010 07:18:09 +0000 Woldemar http://www.woldemar.net.ua/?p=1905 more »]]> Наконец, я собрался показать коллекцию иконок. Эти значки будут полезны и при разработке вашего рабочего стола, и iPhone или MAC приложений пользовательского интерфейса. Иконки имеют стильный внешний вид и креативный дизайн. Пожалуйста, ознакомьтесь с лицензией на право пользования этими иконками, прежде чем использовать их.

1.Free vista Animal icons

2.Animal archigraph icons

3.Bearbrick Icons

4.Qee icons

5.Easter bunny icons

6.Zoom eyed creatures

7.Moshii world sea creatures icons

8.Pacman icons

9.Fugly Monster icons

10.Icons from iconfinder

11.Curl finder icons

12.Icons for online shop

13.Black and Blue icons

14.Aeon by kyo-tux

15.Mac dock makeover

16.CHANGHONG LT700 icons

17.Icon pack in Mac OS X style

18.Vista and XP OS icons

19.Leopard icon pack-updated

20.Umi icons full pack

21.Puck icons pack

22.Apple TV icons

23.Apple Mug Icons and Extras

24.Sticker pack

25.Wi-fun icons

26.Manto Emotion / Emoticons

27.Mr.Zhong Emoticons

28.Snooker ball Emoticons

29.Popsicle Icons with Emotions

30.Lego heads

31.iPhone icons roundup

Iphone roundup 2

Northstar Iphone icons

CMT Iphone icons

32.SuperMario Box icon packs

33.Acid trip – Shrroms,Monsters and Candy

34.Fungii iconset

35.Wacky gamer icon set

36.Pioneer camp icons

37.Baggy icon set

38.Blue retro rusted grunge nature wonders

39.Archigraphs Cars Icons

40.Neon light icon set

41.Ipod Nano icons

42.Ice cream and cake

43.Rave icon pack

44.Coca cola Family

45.Mini breakfast icon (Cracked egg)

источник — 1stwebdesigner

Если Вы ведете блог, узнайте, извлекаете ли вы всю пользу из этих 8 элементов дизайна.

1. Подписка по RSS и по электронной почте.

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

2. Пользовательский хэдер

Выделите ваш блог среди других за счет создания неповторимого хэдера. Это ваш шанс сделать свой блог уникальным и оторваться от ваших конкурентов.

Какие элементы следует добавить в него:

Логотип

Навигация (категории или статические страницы)

RSS/Twitter статистика

Опции подписки

Функцию поиска

Иконки социального профиля

Место под баннер (по желанию)

3. Понятная и удобная панель навигации

Если ваша панель навигации остается запутанной, то это хороший шанс, что читатель не сможет найти другие темы, которые реально его могут заинтересовать. Сделайте понятную и краткую навигацию — не более чем 7-10 категорий.

4. Комментарии

Одной из причин, что блоги являются настолько популярными, является возможность оставлять свои комментарии к посту. Предоставьте вашим читателям возможность оставлять свои комментарии несколькими способами — либо в качестве гостя, либо через регистрацию, либо через один из своих социальных аккаунтов. Disqus Comments – это фантастический плагин, который позволяет пользователям очень легко оставлять свои комментарии прямо из одного из ваших социальных аккаунтов.

5. Иконки социальных закладок

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

6. Стандартные размеры графики

В зависимости от макета вашего блога и места под контент, вы сможете сделать ваши изображения строго определенной ширины. Так, если максимальная шириной вашего блога 600px, старайтесь делать ваши изображения — 550px. Это поможет сохранить последовательность вашего контента и сделать ваш посты более интересными. Для изображений, которые имеют белый фон, попробуйте добавить тонкую границу, чтобы помочь сохранить постоянный размер изображения.

7. Панель рекламы

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

8. Пользовательский футер

Футер на то и футер, чтобы находится в нижней части вашего блога, и это еще одна возможность, чтобы заинтересовать пользователей вашим содержанием. Вы будете удивлены тем, как много людей действительно прокручивают до конца ваш блог, чтобы посмотреть на вашей «карте сайта» стилизованные ссылки. И это может стать также хорошим толчком, чтобы сделать несколько ссылок для ваших лучших постов.

Что сюда можно добавить:

Последние сообщения

Самые популярные сообщений

Категории ссылок

Ссылки на предложения, акции, премиум контент

Баннерная реклама

RSS и иконк и социалок

Ваши контакты

Ссылку — напишите нам

источник —  smashingshare

Люди не понимают, насколько важен хороший логотип и каким ценным он является для их бизнеса.

В этой статье я собираюсь изложить, каким образом вы не должны поступать при проектировании вашего логотипа… в том случае, если вы действительно серьезно относитесь к своему бизнесу.

Что же такое – логотип?

Чтобы понять, что какую роль отдана логотипу, мы сначала должны узнать, что такое есть логотип. Дизайн логотипа должен обеспечивать незамедлительное узнавание, внушать доверие, вызывать восхищение, верность и подразумевать свое превосходство. Логотип является одним из аспектов коммерческого бренда компаний, или хозяйствующего субъекта, и его формы, цвета, шрифты и изображения, как правило, отличаются от других логотипов того же рынка предлагаемых товаров. Логотипы используются также для идентификации организаций и других некоммерческих предприятий.

Это заставляет меня задаться вопросом, почему люди не имеют своего логотипа или почему они до сих пор возятся с дешевым дизайном логотипа, когда логотип призван выполнить все перечисленные выше вещи?

Конкурсы дизайна логотипов

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

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

С другой стороны, конкурсы дизайна и дизайнеры, кто проектирует на спекулятивной основе, наносят ущерб индустрии дизайна, и на таких дизайнеров не нужно тратить время и ресурсы без гарантии оплаты.

Если вы хотите получить  еще доказательства, прочитайте эти статьи: Конкурсы дизайна логотипов — это плохо для вашего бизнеса или Реальность конкурсов дизайна логотипов.

Слишком хороши, чтобы быть настоящими сделками

Если вы введете комбинацию “Logo Design” в окне поиска на Google, то вы найдете множество компаний, предлагающих логотипы по невероятно дешевым ценам. Берегитесь такого рода сделок, как «5 концепций дизайна от пяти дизайнеров!» или «6 логотипов от пяти дизайнеров всего за $ 200″.

Эти сделки являются чрезвычайно обманчивыми и качество их далеко от удовлетворительного. Вы никогда не задумывались над тем, сколько на самом деле внимания и заботы они вкладывают в дизайн логотипа? У профессиональных дизайнеров логотипов есть строгий процесс разработки логотипа, который может занять несколько недель или, в некоторых случаях, месяц для завершения работы над ним. А эти «горе-дизайнеры» могут предложить вам результат в течение 24 часов или даже раньше, хотя в буквальном смысле даже не прониклись дизайном вашего логотипа.

Запасной вариант

Некоторые из так называемых «дизайнеров» (обычно это те же люди, которые въезжают на конкурсы по дизайну) воруют изображения со склада сайтов, чтобы спроектировать дизайн вашего логотипа … или в некоторых случаях, скачать примеры с сайтов владельцев бизнеса и используют базы изображений для своих целей. Все это неправильно! Знаете ли вы, что целые тонны таких изображений уже скачали тысячи людей? Это должно стать достаточной причиной, чтобы не использовать эти изображения в качестве логотипа.

Если вы сделаете это, то другие будут иметь доступ к вашим логотипам и могут и будут использовать его в местах, которые потенциально могут обесценить ваш бизнес. Убедитесь, что ваш логотип имеет оригинальный дизайн.

Сделайте сами дизайн логотипа

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

Творцы бесплатных логотипов

Вы найдете много бесплатных онлайн творцов логотипов в Интернете. Эти логотипы не только выглядят непрофессионально, сотни других людей могут иметь такой же логотип, как и у вас, и тогда каков в нем смысл? В этих логотипах нет мысли, концепции и запоминаемость их такова, как будто это просто набор символов.

Они ничего не говорят о вашем бизнесе и не делают ничего, что логотип должен делать … Я повторяю еще раз: держитесь подальше от производителей бесплатных логотипов.

Процесс дизайна логотипа без обратной связи

До утверждения и начала работы над дизайном, вам необходимо наладить тесную обратную связь с клиентами, коллегами и всеми заинтересованными сторонами. Получение обратной связи является важнейшей частью процесса разработки логотипа, так как он гарантирует, что ваш логотип будет успешным.

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

Какова стоимость дизайна профессионального логотипа?

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

Есть много факторов, которые должны быть приняты во внимание при разработке логотипа, например, сколько концепций логотипа должны быть представлены, сколько допустимо сделать переделок и изменений, нужны ли исследования, каков размер бизнеса и так далее.

Чтобы подвести итоги, я хотел бы процитировать сравнение Дэвида Эйри: сравнение индустрии дизайна с чем-нибудь еще не подразумевает точность, и задать вопрос «Сколько стоит логотип?», это вроде как просить агента по продаже недвижимости «Сколько стоит дом?»

Что ты прочитаешь завтра? — «Как написать интересный контент?» пост Джонатана Морроу

P.S. Музыкальная концовка поста
Песня «Easy» группы Faith No More образца 1997 года