Показаны сообщения с ярлыком дизайн. Показать все сообщения
Показаны сообщения с ярлыком дизайн. Показать все сообщения

Обмен опытом или "Чайник для чайника"

0 коммент.
Обмен опытом или "Чайник для чайника": "Как работает HTMLColors2000. Чем она может помочь блоггеру
При ведении блога очень часто хочется так подобрать цвет шрифта, чтобы он соответствовал цветовому оформлению блога. Хочется , чтобы твой блог выглядел красиво. Особенно, это, наверное, касается блогов, которые ведут женщины. Но для создания красоты на своем блоге необходимо знать, как же обозначаются эти цвета в языке HTML. Не думаю, что все пишущие на блогах, такие уж «спецы» в этом деле. Оказывается и не надо сильно заморачиваться по этому поводу – все уже придумано до нас. Есть такая небольшая программка (ее программой то, как-то неудобно представлять) называется HTMLColors2000, вот она то и выручит всех начинающих блоггеров. Это программа, которая многое умеет. Она снабжена удобными ползунками для подбора RGB-цвета, стандартной таблицей безопасных цветов и отличным списком «Color». Найти ее очень просто по запросу, например, в Яндексе (HTMLColors2000 скачать).
Попробую немного рассказать об этой программке. Делаю я это в первый раз. Навыков преподавателя у меня нет – не судите, люди, строго!

Далее следует подробное описание программы для "самых непонимающих".

10 полезных онлайн сервисов для создания собственных логотипов | DesigNonstop - О дизайне без остановки

0 коммент.
10 полезных онлайн сервисов для создания собственных логотипов | DesigNonstop - О дизайне без остановки: "10 полезных онлайн сервисов для создания собственных логотипов
Наташа КлеверПолезности / Сервисы10-04-2011

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

I LOVE PSD

0 коммент.
I LOVE PSD: "Правила хорошего тона в «Фотошопе»

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

Отправлено через панель инструментов Google:"

Учебные материалы Adobe на русском языке | Adobe Education

0 коммент.
Учебные материалы Adobe на русском языке | Adobe Education: "Цифровой дизайн: основы веб-проектирования с помощью инструментов Adobe


Учебный курс «Цифровой дизайн», построенный в виде отдельных проектов, направлен на развитие навыков веб-дизайна с использованием инструментов компании Adobe: создание дизайна веб-сайта, веб-технологии, коммуникации, управление веб-проектами. По мере прохождения курса материал подается на все более сложном уровне.

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

Содержание:

Глава 1. Графический дизайн для интернета. Скачать (15,3 Мб)
Глава 2. Веб-портфолио при помощи программы Adobe Dreamweaver CS5. Скачать (8,94 Мб)
Глава 3. Построение базового сайта для заказчика. Скачать (17,1 Мб)
Глава 4. Семинар повторного рассмотрения. Скачать (115 Кб)
Глава 5. Улучшение взаимодействия с пользователем с помощью Adobe Flash Professional CS5. Скачать (13,0 Мб)
Глава 6. Создание мультимедиа-роликов в среде Adobe Flash Professional CS5. Скачать (12,1 Мб)
Глава 7. Разработка сайта для заказчика. Скачать (3,46 Мб)
Глава 8. Семинар по созданию веб-портфолио. Скачать (108 Кб)

Скачать книгу (73,1 Мб)

Отправлено через панель инструментов Google:"

Форум ГЦРО, г. Ярославль • Просмотр темы - Взгляд на сайты ДОУ

0 коммент.
Форум ГЦРО, г. Ярославль • Просмотр темы - Взгляд на сайты ДОУ
Взгляд на сайты ДОУ

Сообщение A. Kalebin » 28 ноя 2010, 11:39
По просьбе редактора сайта одного из ярославских ДОУ я просмотрел её сайт на предмет недочётов в дизайне. Потом посмотрел ещё десяток ярославских сайтов ДОУ. К сожалению, недочёты, на мой взгляд, одни и те же. Поэтому пишу в форуме, чтобы заинтересованные пользователи могли высказать свою точку зрения на затрагиваемые проблемы: согласиться, возразить, предложить своё решение.

1. (Скорее по содержанию, чем по дизайну). На всех просмотренных сайтах отсутствует главная страница. Какой она должна быть - вопрос отдельный. Можно подумать сообща. Но выносить "Общие сведения" на главную страницу сайта недопустимо!
Предлагаю убрать совершенно лишние, на мой взгляд, слова "Общие сведения", "Статус приоритет" (это вообще черновая запись, которая на главной странице выглядит как безграмотная несуразица). Посмотрите на это глазами родителей и переделайте так, чтобы у них не возникало вопросов.

2. Красный цвет шрифтов на сайте лично на меня действует, как красный плащ на быка: я готов бодаться со всеми, кто его использует. Просматривая ежедневно множество сайтов, ещё ни разу не видел удачного использования ярко-красного и алого цветов! У ЦТИСО есть несколько шаблонов с ядовито-красной шапкой. Некоторые наши учреждения, конечно же, его нашли и выбрали как единственный и неповторимый... Зачем нам использовать природные цвета, если мы привыкли к консервантам и химии...

3. На многих сайтах цвет шрифта основного текста какой угодно, только не чёрный. На анализируемом сайте он синий. При это гиперссылки красные... Прошу не забывать, что общепринятый цвет ссылок - синий. Кроме того, они обычно бывают подчеркнутыми, но не всегда. Лично я воспринимаю (по умолчанию) любой синий цвет как ссылку. А если весь текст синий, это сбивает с толку и раздражает... Кроме того, "правильные" синие ссылки (даже подчеркнутые) в синем тексте теряются, т.к. совершенно не видны. Так что сто раз подумайте, прежде чем делать цвет основного текста синим. Если уж вам очень хочется сделать шрифт непременно цветным, употребляйте очень тёмный оттенок. Но я голосую за чёрный шрифт на белом фоне! Это классический, а потому беспроигрышный, вариант. Очень рекомендую посмотреть на цветовое решение в разделе "Новости". На большинстве просмотренных сайтов авторы не смогли его испортить собственным "дизайнерским решением", поэтому эти страницы выглядят очень достойно. Цвет заголовка страницы (стиль ЗАГОЛОВОК 2) обычно соответствует цвету шапки сайта или цвету текста активной ссылки в боковом меню. Цвет основного текста чёрный.

4. Предчувствую возражения такого плана: "Мы же делаем сайт ДОШКОЛЬНОГО учреждения! Он должен быть ярким, красочным". Отвечу так. ВСЕ просмотренные сайты по содержанию пока рассчитаны на родителей, а не на детей. Информация на них официальная, сухая. Она соответствует официально-деловому стилю, который по своей природе не предназначен для выражения эмоций. Разноцветные шрифты - это украшательство, своеобразные "эмоции" в официальном документе, а потому не к месту! Вот когда сделаете странички для детей (с играми, пазлами, смешными яркими картинками-комиксами), тогда употребляйте хоть все цвета радуги. Задача цвета будет - привлечь внимание ребёнка. А фразы типа "В ДОУ создана безопасная предметно-развивающая среда, соответствующая современным требованиям" как ни раскрашивай - они всё равно останутся сухими и казёнными.

5. Кстати о стиле материалов сайта (хоть это и не проблема дизайна). На сайте есть обязательный раздел "Документы", в котором размещены ссылки на локальные акты ДОУ. Понятно, что они должны быть выложены "как есть", без искажений. Но зачем же казённый язык переносить на все остальные разделы сайта?! Попытайтесь переработать выложенные материалы так, чтобы они выглядели не как доклады с педсовета или отчёты для департамента, а как живой разговор с родителями. Напишите так, чтобы читать было интересно. Мне (думаю, и всем остальным пользователям) совершенно понятно, что размещённые на большинстве сайтов ДОУ материалы не уникальные тексты для сайта, а фрагменты отчётов для вышестоящих органов. Так органы-то ваши отчёты уже получили в бумажном и электронном виде и думают, что бы ещё с вас спросить, чтобы вам жизнь легкой не казалась. А родители чем виноваты? Не стоит переносить бумаготворчество на сайт. Никто это всё равно не оценит и читать не будет! А вот если написать ярко, эмоционально, с юмором, добавить практические рекомендации, ответы на часто задаваемые вопросы, сопроводить материал интересными фото детей (а не банальными, затасканными графическими рисунками), тогда количество пользователей вашего сайта пойдёт в гору.

6. Если вы представляете свои материалы в таблицах и графиках, следует позаботиться о том, чтобы они достойно выглядели. Числовые данные в таблице обычно выравниваются по центру, так же как и заголовки. Выравнивание по левому краю (а не по ширине) обычно приходится использовать при размещении текста, если колонка узкая, а автоматические переносы не используются. Если на сайте публикуются графики, диаграммы, следует посмотреть, насколько они вписываются в цветовую схему страницы. По возможности следует изменить цвета на диаграмме, обратив внимание на отображение данных (чтобы цвет данных не сливался с цветом столбика диаграммы). Нельзя искажать графический объект, сжимая или растягивая его по ширине. Казалось бы, это прописные истины...

7. Информацию об администрации ДОУ, а также о других педработниках желательно оформить через фотогалерею, например, как на этом сайте http://school73.edu.yar.ru/uchitelskaya/teacher.html

Подводя итог, ещё раз хочу подчеркнуть: побольше творите в области содержания сайта (пишите уникальные тексты, выкладывайте яркие, сочные, интересные фотографии ваших воспитанников - пусть будут и КРАСНЫЕ игрушки, и КРАСНЫЕ футболки, даже КРАСНЫЕ носы, только не красные глаза!), но лучше не пытайтесь, если нет опыта, изменять цветовую схему шаблона. Постарайтесь забыть о кнопках "Размер шрифта", "Цвет шрифта" хотя бы на год!

A. Kalebin
Site Admin

Issuu - профиль НИПД 's

0 коммент.
Issuu - профиль НИПД 's: Книги по веб-дизайну (презентации). Надо почитать!

Веб-дизайн. Книга Стива Круга или не заставляйте меня думать! »

0 коммент.
У известного эксперта по веб-дизайну и юзабилити Стива Круга есть знаковая книга «Не заставляйте меня думать!» Если Вы её не читали, стоит это сделать – но главная мысль заключена уже в названии книги: не заставляйте посетителя сайта задумываться, если без этого можно обойтись! И для этого очень важно, чтобы сайт работал привычным образом, чтобы все элементы дизайна и навигации вели себя так же, как это происходит на тысячах других сайтов, и как посетитель уже привык.


Александр Левитас
Веб-дизайн. Книга Стива Круга или не заставляйте меня думать!

Выбор цветовой гаммы для сайта - Блог о дизайне и web-разработках

0 коммент.
Выбор цветовой гаммы для сайта - Блог о дизайне и web-разработках:
Просто и доходчиво об очевидных вещах. Ссылка на очень интересный ресурс - подборка цветовой гаммы.
http://www.colorjack.com/ - сайт представляет собой палитру, который помогает мгновенно подобрать цветовое сочетание. Постоянно им пользуюсь.

Дизайн сайта

0 коммент.
23 важных вывода из результатов eye-tracking исследований
(в сокращении)
Christina Laun, 21 августа 2008
http://designformasters.info/posts/23-lessons-from-eye-tracking-studies/

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

   1. Текст привлекает внимание прежде чем графика.
      Несмотря на то, что вы можете думать иначе, пользователь в первую очередь обращает внимание на текст. Большинство пользователей приходят на сайт в поисках информации, а не изображений, поэтому важный текст должен быть наиболее заметным.
   2. Изначально взгляд сфокусирован в левом верхнем углу страницы.
      В этом нет ничего удивительного, большинство приложений разработаны так, что пользователю постоянно приходится обращать взгляд в эту область. Если вы хотите создать успешный сайт то при разработке дизайна нужно об этом помнить и, стараясь создать уникальный стиль, не нарушать привычек пользователей.
   3. В первую очередь пользователи просматривают верхнюю левую и верхнюю часть страницы и только потом смотрят ниже и правее.
      Исследования показывают, что зона внимания пользователи имеет вид буквы F3. Наиболее важные элементы сайта должны находиться в этих ключевых областях.
   4. Читатели игнорируют баннеры.
      Реклама позволяет владельцам сайта заработать на хлеб с маслом, но исследования показывают, что в большинстве случаев пользователи игнорируют баннеры фокусируясь на них только на доли секунды. Если вы хотите заработать на рекламе, подходить к ее размещению, оформлению и типу нужно творчески.
   5. Броское форматирование и шрифты игнорируются.
      Почему? Потому что пользователи принимают их за рекламу, не содержащую нужной им информации. Исследования показывают, что крупные, цветные буквы усложняют поиск информации, причина кроется привычке пользователя игнорировать все похожее на рекламу. При разработке дизайна важно чтобы «блеск» не отвлекал внимание от важной информации и не делал ее похожей на рекламу.
   6. Показывайте числа цифрами.
      Цифровая информация воспринимается проще, чем та же информация прописью. Помните о том, что вы пишите, преимущественно, для читателей сканирующих сайт. Старайтесь упростить поиск информации, чтобы они сохраняли заинтересованность.
   7. Размер шрифта влияет на способ просмотра.
      Мелкий шрифт способствует сфокусированному просмотру, тогда как крупный упрощает сканирование. Используйте эту особенность, чтобы склонить пользователей к нужному вам типу просмотра.
   8. Пользователи воспринимают подзаголовки, только если они им интересны.
      Выбирайте релевантные и интересные подзаголовки.
   9. Обычно люди просматривают страницу небольшими частями.
      Это можно использовать в своих целях, создавайте области, которые ловят внимание пользователя, сканирующего сайт, например, выделенные области или списки.
  10. Короткие параграфы лучше длинных.
      Информация, размещенная на сайте, должна быть рассчитана на быстрое восприятие, поскольку большинство интернет-пользователей стараются экономить время. Параграфы и предложения должны быть короткими, за исключением случаев, где обратного требует контекст.
  11. Одноколоночные форматы лучше фиксируют взгляд, чем многоколоночные.
      Не перегружайте пользователя информацией. В некоторых случаях «проще» значит «лучше».
  12. Большие изображения лучше привлекают внимание.
      Люди предпочитаю большие, информативные изображения, на которых доступны детали, вместе с тем изображения должны быть связаны с текстом рядом с которым размещены, иначе шанс того, что они будут проигнорированы возрастает.
  13. Понятные, простые лица на изображениях лучше привлекают внимание.
      Абстрактные и артистичные фотографии могут хорошо сочетаться с дизайном, но не всегда обращают на себя внимание читателя. Если вы используете фото людей, они должны быть понятными и простыми. Нужно обратить внимание и на то, что лучше работают фото реальных людей, а не моделей.
  14. Заголовки притягивают взгляд.
      Первое, что пользователь ищет на странице это заголовок. Они не должны подавляться другими элемента страницы, постарайтесь, чтобы заголовки были достаточно заметными.
  15. Пользователи тратят много времени, смотря на кнопки и меню.
      Поэтому при разработке дизайна вам стоит обратить на них особое внимание. Кроме того, что они привлекают внимание пользователя это еще и одни из важнейших элементов сайта.
  16. Списки хорошо задерживают внимание пользователя.
      Один из способов задержать внимание пользователя на сайте — это частое использование списков в статьях. Используйте числа или буллиты, чтобы подчеркнуть важную информацию, это упростит «сканирование» сайта.
  17. Большие блоки текста игнорируются.
      Исследования показывают, что большинство интернет-пользователей не готовы тратить время на изучение больших блоков текста, как бы информативны и хорошо написаны они не были. Разбиение на небольшие параграфы, выделение важных областей, подзаголовки и списки позволяют задержать внимание пользователя.
  18. Задержать внимание может форматирование.
      Чтобы пользователь не пропустил наиболее важную информацию, используйте различные способы ее выделения: жирный, курсив, цветной, но не переусердствуйте, избыточное использование этих элементов сделает страницу нечитабельной и будет отталкивать посетителей.
  19. Пространство полезно.
      Несмотря на желание втиснуть что-нибудь в каждый уголок страницы, лучше оставить немного пространства. Перегрузка сайта приведет только к тому, что пользователь будет игнорировать значительную часть контента. Поэтому старайтесь сделать сайт простым и оставить достаточно пространства, на котором могли бы отдохнуть глаза пользователя.
  20. Лучшее место для навигации — верхняя часть страницы.
      Вы, конечно, хотите чтобы пользователь не только просматривал первую страницу, но и продолжал изучение сайта в поисках интересной ему информации. Удержать пользователя поможет, простая в использовании и заметная, благодаря размещению в верхней части страницы, навигация.

Colour Contrast Check - snook.ca

0 коммент.
Colour Contrast Check - snook.ca
Есть хороший инструмент для проверки контрастности основного и фонового цвета: http://snook.ca/technical/colour_contrast/colour.html
 
Copyright 2009 А! Калебин...
BloggerTheme by BloggerThemes | Design by 9thsphere