42 заметки с тегом

дизайн

Позднее Ctrl + ↑

Церковный сайт: Советы по дизайну

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

Люблю советы по существу. Нравится публикация «70+ tips for effective church sites». Привожу часть советов в вольном переводе. К ним буду добавлять другие советы и комментарии. Чтобы не громоздить в одну публикацию, разобью советы по темам. Потом соберу эти публикации в отдельный проект.

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

  1. Не помещайте слишком много информации на главной странице.
    Она нуждается только в таком количестве графики и текста, чтобы с первого взгляда объяснить, кто вы и что доступно в других частях сайта. Домашняя страница — это дверь, а не конечная остановка. Она не приветственное письмо пастора — сайт не то же, что напечатанная брошюра.
  2. Поместите важную информацию выше «сгиба» экрана.
    Почти всё должно быть видно без необходимости прокрутки страницы. Домашняя страница не должна быть намного больше, чем один экран по высоте. Исключение — одностраничные сайты.
  3. Избегайте христианской графики (открытых Библий, витражей, голубей, свеч) и обращений о пожертвованиях.
    Многих неверующих не располагает такая графика. Некоторые церковные сайты используют анимированную графику 1990 годов: вращающиеся золотые кресты и голубей машущих крыльями. Не добавляйте на сайт автоматически проигрывающиеся при посещении мелодии гимнов или музыкальные файлы — это раздражает. И при упоминании финансов, пусть они находятся только в тех разделах, которые чётко направлены на членов церкви или благотворительность.
  4. Используйте, по крайней мере, одну фотографию с людьми на главной странице.
    Церковь, прежде всего, это люди, а не здания. Приветственная картинка может выразить и сказать гораздо больше, чем множество слов, и пояснить значение текста.
  5. Макет в три колонки, часто лучше других подходит для церковного сайта.
    Вы можете подобрать готовый к вашему дизайну и кодированию шаблон для страниц — с уже созданными блоками, колонками и нижним колонтитулом, чтобы использовать в вашем редакторе HTML. Альтернатива — это готовый шаблон сайта для CMS.
  6. Не используйте «вводную страницу» или всплывающие сообщения и баннеры.
    «Вводной страницей» является страница, не содержащая ничего, кроме графической (или даже анимированной информации) и ссылки из рода «нажмите здесь, чтобы продолжить». Это сильно раздражает пользователей. Большинство людей сразу покинут сайт, а не продолжат. Всплывающие сообщения уменьшат рейтинг сайта в поисковиках и раздражают пользователей.
  7. Проверьте, чтобы каждая страница имела один и тот же внешний вид, с навигацией в одном месте.
    Страницы, испытывающие недостаток единства в стиле, запутают пользователей. Возникнет вопрос, не попали ли они на другой сайт. Навигационное меню появляется на всех страницах в одном месте, и не заставляйте людей возвращаться на домашнюю страницу, чтобы попасть на другую.
  8. Ссылки, пункты меню и кнопки чётко определяются в активном (при наведении) и пассивном состоянии.
    Ссылки и кнопки, которые ничего не делают, при наведении на них курсора — мёртвые. Людям нужны визуальные подсказки. Кроме того, долго и упорно думайте, прежде чем внедрять стили ссылок далёкие от стандартных. Синяя подчёркнутая ссылка понимается большинством людей. Не подчёркивайте текст, который не является ссылкой — это приводит к заблуждениям.
  9. Используйте цвета правильно. Разберитесь, как выбрать цветовую схему, как цвета соотносятся друг с другом и с каким настроением они ассоциируются.
    Обратитесь к дизайнерам за советом. У большинства из нас не намётан глаз для нужного цвета. Конфликтующие или неуместные цвета помешают посланию сайта и оттолкнут привлечённых посетителей.
  10. Не используйте узорные графические фоны позади текста.
    За немногими исключениями, оптимальным считается чёрный текст на белом фоне или инверсия этих цветов. Однотонный фон лучше.
  11. Применяйте отзывчивый (резиновый, адаптивный) дизайн страницы.
    Содержимое сайта должно естественно меняться и подходить друг к другу, при любом разрешении экрана, а размер шрифтов подстраиваться для удобства пользователя. Это, лучше, чем сделать фиксированную по ширине страницу в 800 пикселей. Всё больше людей в настоящее время используют мобильные устройства для поиска и просмотра информации. Расширения мониторов растут, поэтому готовьте сайт к Ретина экранам.
  12. И не помещайте информацию на сайте о том, что сайт «нужно просматривать при разрешении...» или «лучше всего рассматривать в браузере…».
    Это раздражает людей, которые используют другое разрешение или браузер. Это ваша работа сделать просмотр удобным независимо от разрешения экрана, браузера или операционной системы пользователя. Не ставьте видимый счётчик посетителей на своих страницах.
  13. Не используйте излишние и специфические эффекты.
    Некоторые «крутые» особенности сайтов, такие как переливающийся и мигающий текст, «весёлые» анимации или инновационные системы меню, просто раздражают. Посетители игнорируют эти специальные эффекты и покидают сайт, если они быстро не находят то, что они хотят.
  14. Избегайте длительного времени загрузки сайта из-за графики.
    Сайт, заполненный графикой может выглядеть привлекательно при просмотре на вашем компьютере, но при доступе пользователей к нему, его загрузка займёт много времени. Хотя скорости в интернете растут, многие ещё ​​используют медленные модемы. Помните, что большинство людей не будет сидеть на медленном сайте. Лучший способ сделать это — избегать изобилия графики. Фотографии прекрасны и они помогают показать кто вы, но если их много, то разместите их на специальной странице. Люди сами выберут, хотят ли они их смотреть.
  15. Ваш сайт не должен быть излишне большим или сложным.
    Если у вас нет финансов или сотрудников, чтобы поддерживать крупный сайт, лучше сделать привлекательный одностраничный сайт. Можно сайт из нескольких информативных страниц. Если нужен большой сайт, то рассмотрите вариант создания сайта группой церквей города или региона.

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

Не думайте, что при создании сайта нужны только технические или дизайнерские навыки. Молитесь как на этапе планирования, так и на этапе создания. Церковный сайт — возможность прикоснуться к множеству нуждающихся людей. Мы нуждаемся в мудрости Божьей при первоначальном планировании, выработке стратегии и для постоянного роста эффективности сайта. Это служение, которому необходима молитва!

 124   2015   дизайн   интерфейс   сайтостроение   совет   церковь

Десяток афоризмов для дизайнеров №8

  1. Копирование — это повторение. Имитирование — следующий шаг, прорыв к собственному творчеству. © Остин Клеон
  2. Вопрос не в том, что мы хотим знать о людях. Он в том, что люди сами хотят рассказать о себе. © Марк Цукерберг
  3. В хорошем дизайне функциональность всегда первична, независимо от форм. Но она не должна угнетать эмоции. © Джорджо Сапорити
  4. Каждый ребенок — художник. Трудность в том, чтобы остаться художником, выйдя из детского возраста. © Пабло Пикассо
  5. Для клиентов сделанный нами сайт или фирменный стиль — не статья расхода, а статья дохода. © Артемий Лебедев
  6. Не устану повторять: главное, не сдавайтесь моде и дизайну! Хороший вкус не отменяется, ему никогда не поздно поучиться. Все остальное — вопрос личных возможностей. И самое страшное — перестараться. © Филипп Старк
  7. Дизайн не столько профессия, сколько отношение к жизни. © Мталли Крассе
  8. Одно из моих правил — отсутствие всяких правил в сочетании цветов. Для меня эти законы просто не существуют. Я предпочитаю нестандартные решения, люблю экспериментировать — объединять в одной интерьерной композиции разные, необычные, кажущиеся несочетаемыми цвета. Это будоражит воображение. © Триша Гилд
  9. Только при разумном ограничении числа вариаций до минимума оформление может получиться цельным и выразительным. © Йозеф Мюллер-Брокманн
  10. Люди склонны принимать решения на основании сравнения. © Дэн Ариели
 22   2015   афоризмы   дизайн

О ручках холодильников

Хочу рассказать о том, почему я не пользуюсь ручкой верхней части холодильника.

Ручки моего холодильника на рисунке А. Это пазы в дверцах. Если с пазом для морозильного отделения мне не приходится поворачивать кисть для открытия, то открывая верхний, выворачиваю её на ≈180°. Нежелание лишнего, трудного движения приводит к тому, что мне проще схватить для открывания дверцу сбоку. Это мне, а каково ребёнку?

Рассмотрим вариант ручек, представленных на рисунке Б. Это не пазы, а короткие ручки. За ручку берёмся хватом сверху и снизу. Вариант лучше предыдущего, но в случае горизонтального расположения ручек всё равно приходится крутить кистью. Ребёнку пользоваться ручками с вертикальным расположением удобнее, но иногда трудно до них дотянуться. Часто такие ручки массивны и ребёнок не может за них ухватиться.

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

Мой фаворит, длинные вертикальные ручки, представленные на рисунке Г. Они одинаково удобны и для взрослых, и для детей. Не требуют поворотов кисти при открывании. Можно взяться на комфортной высоте. Воспользоваться двумя руками. И мне нравится как они выглядят покрытые хромом.

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

 24   2015   дизайн   мысли   улучшаем жизнь
 21   2014   TED   брендинг   видео   дизайн

Десяток афоризмов для дизайнеров №7

  1. Большинство людей не знают, что им нужно на самом деле, пока не увидят вещи в определенном контексте. © Дэн Ариели
  2. Живопись — занятие для слепцов. Художник рисует не то, что видит, а то, что чувствует. © Пабло Пикассо
  3. Как и в близких областях изобразительного искусства, будь то архитектура, живопись, пластика, промышленный дизайн и так далее, предпосылкой для подлинных и непреходящих достижений является выявление самого существенного, ограничение изобразительных средств до необходимого минимума. © Йозеф Мюллер-Брокманн
  4. Чтобы в дизайне создавать хорошие решения, вы должны находиться на водительском сиденье, с клиентом в роли навигатора. © Энди Бадд
  5. Вопрос, которым я задаюсь почти каждый день, таков: занимаюсь ли я сейчас самым важным делом из возможных? И если мне не кажется, что я работаю над самой важной проблемой, которую я могу решить, я не буду удовлетворен тем, как трачу свое время. © Марк Цукерберг
  6. В дизайне законов нет. Не было и не будет. © Артемий Лебедев
  7. Всё, что мы делаем, практически всегда — дизайн, ведь проектировать свойственно человеку в любой его деятельности. © Виктор Папанек
  8. Нанимая талантливых креативщиков, очень полезно разбираться в том, как они работают. Я думаю, лучшие проекты в портфолио показывают некоторые процессы с хорошей стороны, например, этапы производства или же неиспользованные части проекта. © Скотт Бельский
  9. Когда пользователи выполняют поиск на твоем сайте, они хотят знать, кто ты. © Джонатан Брили
  10. Играйте, пока не начнете творить. © Остин Клеон
 16   2014   афоризмы   дизайн

О проблеме вскрытия пакетированного чая

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

Вряд ли этот ярлычок ценен, но всё равно неприятно.

Существует ещё следующая проблема с пакетированным чаем.

Сказ о трёх попытках вскрытия пакетированного чая.

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

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

Несколько интересных ссылок:
Дизайн чайных пакетиков
Доска на Пинтересте о дизайне упаковки чая и кофе

 15   2014   дизайн   мысли
 21   2014   TED   видео   дизайн   мысли

Нет ничего нового под солнцем...

Просматривал сегодня публикации в RSS-читалке и наткнулся на стол, представленный ниже.

Фотография из публикации «refold cardboard standing desk changes the way you work».

И пришёл мне на память стол, который придумал Виктор Папанек в соавторстве с Джеймсом Хеннесси в далёком 1973 году.

Иллюстрация из их книги «Nomadic Furniture».

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

 4 комментария    32   2014   дизайн   мысли

Десяток афоризмов для дизайнеров №6

  1. Чертёж можно исправить с помощью ластика, а строящийся объект — с помощью кувалды. © Фрэнк Ллойд Райт
  2. Прежде всего я концентрируюсь на двух вещах. Во-первых, разборчивость шрифта и численность заданных текстов. Во-вторых — соответствие формы и содержания. Я применяю правила классической типографики, затем частично их изменяю, переделываю на свой лад. © Хаген Верлегер
  3. Ваша работа состоит в том, чтобы коллекционировать хорошие идеи. И чем больше вы их соберёте, тем больше окажется накопленный багаж, который будет на вас влиять. © Остин Клеон
  4. Даже большим компаниям нужны маленькие логотипы. © Тэннер Кристенсен
  5. Старайтесь сделать всё максимально просто, но не проще того. © Альберт Эйнштейн
  6. Я хочу создавать красивые вещи, даже если никому нет до этого дела. © Сол Басс
  7. Начинайте копировать то, что вам нравится. Копируйте. Копируйте. Копируйте. Копируйте. И найдете себя. © Йоджи Ямамото
  8. Убирайте лишнее, пока вы не начали плакать. © Фрэнк Чимеро
  9. Мозг — самый демократичный из всех инструментов, которыми пользуются дизайнеры. © Дэниел Иток
  10. Меня не привлекают слишком «продуманные» шрифты. Считаю, что интереснее всего работать с классическими шрифтами, но по-другому, внося в них что-то свое. © Вероника Диттинг
 31   2014   афоризмы   дизайн
Ранее Ctrl + ↓