статьи

Блог о дизайне

о веб-дизайне и графике

Быть или не быть? Важен или не важен первый экран который видит пользователь? Якоб Нильсен провел исследование на тему первого экрана.

перевод на хабре (полный)
обрывок тут

Я соглашусь все-таки с Ромой Воронежским.

Утверждать, что все необходимое должно находиться на первом экране, — то же, что и утверждать, будто все важные факты романа «Преступление и наказание» должны быть перечислены в первом абзаце. (А чего его тогда читать?) То есть, если у вас роман хуевый, первый экран вам не поможет. А если наоборот, его и четыреста раз перелистнут.

первый экран

А вообще я придерживаюсь мысли «больше воздуха – больше концентрации внимания пользователя». Текст на 10 тысяч символов читать удобней с межстрочным расстоянием 20 пикселей, а не 15. Читаемость заголовков становится лучше когда есть выделение цветом / размером и опять-таки расстоянием между заголовком и основным текстом.

  • 1 отзыв
  • В рубриках : Чтиво
  • Алгоритм
    Начинаем с определения рабочей области
    В случае веба чаще всего ширина холста колеблется от 1024 до 1280 пикселей. Разумеется, ваша задача и идея может стереть эти рамки. А вот высота макета — величина непредсказуема в большинстве случаев. В отличие от полиграфии, веб-страница чаще всего не фиксирована по высоте, и ее собственный контент может ее же и увеличить. Мне кажется, что это совсем не страшно. Сферическая сетка в вакууме никому не нужна, а при больших сплошных объемах контента никто вертикального членения и не увидит, даже если оно соблюдено.

    Я ориентирую в своих макетах минимальную ширину на ~980 пикселей, оставляя место для скроллбара.

    модульная сетка
    Рис 2.1. Определяем рабочую область

    (more…)

  • Отзывов (7)
  • В рубриках : Чтиво
  • История

    Вводная:
    8 ноября 2008 года.
    49 городов мира, от Нью-Йорка до Москвы и Гонконга.
    137 банкоматов.
    100 поддельных pay-roll card.
    30 минут.

    Итог:
    - 9 000 000 долларов США.

    Вывод: крупнейшая по числу участников, уровню координации и разовому ущербу кардерская атака в истории. ФБР shocked.

    Вот так бывает

  • Оставить отзыв
  • В рубриках : Чтиво
  • Трудное утро

    крепкий сон

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

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

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

    Еще у меня два будильника, один такой который хочется об стену разбить а другой поспокойней, ставим первый (тот который поспокойней) на 8:00 к примеру, просыпаемся под него, но облом встать и выключить, это нормально :) (кстати совет: оставляйте будильник подальше от кровати, но в зоне видимости и слышимости). А второй будильник (который бешенный и раздражает) ставим на 8:10 или 8:07.

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

  • Оставить отзыв
  • В рубриках : Чтиво
  • Нестандартная верстка

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

    Стоит ли доплачивать дизайнерам за не стандартную верстку? — стоит. Конечно дизайнер может проявить инициативу и сделать верстку нестандартной, интересной и привлекательной, но только если будут тексты и в общем хорошая цена за дизайн. Если дизайнер к примеру делает только 1 страницу, а вы потом сами создаете по шаблону все остальные, можно не доплачивать :) потому что ваше жлобство все равно родит херню а не сайт.

    Нужно ли дать готовые тексты? — нужно. Если вы решились доверить создание своего сайта, позаботьтесь о наличии всех текстов для него.

    Если соблюдать эти простые правила и обратится в нужную компанию вы получите конфетку.

  • Отзывов (6)
  • В рубриках : Чтиво
  • picfor.me

    Сервис онлайн закладок для изображений Picfor.me появился недавно и весьма кстати. Уже сейчас юанет и рунет переполнен сервисами которые позволяют сохранять сайты. А тут появилась своего рода инновация. Теперь мы можем сохранять картинки и не волноваться что эта или та картинка потеряется (удобно).После регистрации пользователь получает возможность сохранять и размещать картинки на страницах сервиса Picor.me. При этом указывается адрес картинки, адрес сайта (с которого картинка была взята) и название и автор изображения. Эти поля являются обязательными. Кроме этого можно указать также теги и описание картинки. Каждому пользователю доступны разделы «Недавние изображения», «Популярные изображения» ну и «Мои изображения». Для каждой картинки есть счетчик который считает количество добавлений к себе “в закладки”. Кроме установленного по умолчанию английского языка интерфейса, тут можно задать русский, украинский, польский или немецкий язык.

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

    Кстати сегодня ребятам ровно месяц. С чем их и поздравляю.

    Picfor.me

    Организованное отлынивание — это искусство извлечения пользы из этой вредной привычки. Главная идея состоит в том, что отлынивать не значит ничего не делать.

    Джон Перри (John Perry)

    (more…)

  • Оставить отзыв
  • В рубриках : Чтиво
  • Все, написанное ниже, касается разработки корпоративных (представительских) сайтов без дополнительного функционала (интеграции с интранет-системой или бухгалтерией, промо-разделов для рекламы отдельных товаров или услуг на flash и т.д.). Для всего остального – интернет-магазинов, интранет-систем, сервисов, социальных сетей, блоговых площадок, социальных сетей – алгоритм будет несколько иной.

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

  • 1 отзыв
  • В рубриках : Чтиво
  • Хочу поведать вам как установить на свой сайт такой элемент как favicon. Как по мне, эта иконка выделяет ваш сайт в закладках пользователя и в браузере, когда во многих сайтах иконка стандартная (браузера). В установке иконки нет ничего сложного.

    Итак, создаем файл размером 16х16, рисуем иконку и сохраняем *.gif файл, идем на favicon.ru и отгружаем получившийся gif файл. Сервис favicon.ru конвертирует gif в нужный формат ico, сохраняем favicon.ico и заливаем на фтп в корень сайта (например domain/public_html/).

    Идем в исходники страницы и там до тега <meta> размещаем код:

    <link href=”/favicon.ico” rel=”icon” type=”image/x-icon” />
    <link href=”/favicon.ico” rel=”shortcut icon” type=”image/x-icon” />

    вот и у вас теперь есть favicon на сайте :)

  • Отзывов (20)
  • В рубриках : Чтиво
  • Huge MacLeod «Как быть креативным» или 36 практических советов как быть креативным. Автор Huge MacLeod известен своим проектом «Gaping void», где рисует карикатуры на задней стороне визитных карточек. Хью, так-же является креативным рекламщиком и авторитетным блоггером. В этой книжонке он дает нам 36 полезных советов как быть креативным.

    1. Не обращайте ни на кого внимания.
    2. Идея не обязательно должна быть грандиозной. Она просто должна быть вашей.
    3. Потратьте на нее время.
    4. Если ваш бизнес-план основан на том, что вас вдруг «найдёт» какой-то толстосум, то ваш план, скорее всего, провалится.
    5. Вы отвечаете за то, что с вами происходит.
    6. Все рождены творческими личностями, всем давали коробку с карандашами в детском саду.
    7. Не бросайте вашу основную работу.
    8. Компании, не приветствующие творческий подход, проигрывают компаниям, которые творческий подход поощряют.
    9. У каждого есть свой личный Эверест, для восхождения на который он и пришел на эту землю.
    10. Чем талантливее человек, тем меньше ему нужно подпорок.
    11. Не старайтесь выделиться из толпы — просто избегайте её.
    12. Если вы примете боль, она не сможет навредить вам.
    13. Никогда не сравнивайте то, что у вас внутри, с тем, что для другого снаружи.
    14. Радость умереть молодым несколько преувеличена.
    15. Самое важное, чему может профессионально научиться творческая личность, это где провести черту, отделяющую то, что вы готовы делать, от того, что не будете делать никогда.
    16. Мир меняется.
    17. Признание можно купить. Чувство — нельзя.
    18. Избегайте сплетников.
    19. Пойте своим голосом.
    20. Выбор медиа-средства не имеет значения.
    21. Продать труднее, чем кажется.
    22. Всем наплевать. Делайте это для себя.
    23. Переживать из-за проблемы «Заработок или искусство» — бесполезная трата времени.
    24. Не беспокойтесь о вдохновении. Оно придет само собой.
    25. Вы должны находить собственные фишки.
    26. Пишите с душой.
    27. Лучший способ получить одобрение — не нуждаться в нём.
    28. Власть никогда не дают, власть берут.
    29. Что бы вы ни выбрали, нечистый рано или поздно получит свое.
    30. Самое трудное в творчестве это привыкнуть к нему.
    31. Оставайтесь скромными.
    32. Пусть ваш труд зреет вместе с вами.
    33. Быть Бедным - Отстой.
    34. Опасайтесь превращения хобби в работу.
    35. Наслаждайтесь неизвестностью пока она есть.
    36. Заведите себе блог.

    В продолжении поста разбор полетов.
    (more…)

  • Отзывов (2)
  • В рубриках : Чтиво

  • Ссылки


    Архивы


    counter