Уголок веб дизайнера: Уголок веб-дизайнера – Уголок веб-дизайнера — Posts | Facebook

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

studio

Сервис Invision анонсировал новый векторный графический редактор для работы с UI/UX

colorclaim

Перевод статьи дизайнера Tobias van Schneider, о том, как подбирать цвета для проектов и вдохновляться удачными цветовыми решенями

panton-free-font

Отличный кириллический шрифт, который можно использовать в веб-дизайне, дизайне приложений, в рекламных материалах а так же в анимированном дизайне.

Чем я занимаюсь на работе целый день

Заметка директора по дизайну продукта в Facebook Julie Zhuo, очень интересно как человек добившийся таких серьезных результатов в карьере распоряжается своим рабочим днем. 

Ugolok veb-dizaynera — Coub

Ugolok veb-dizaynera — Coub
  • Home
  • Hot
  • Random
  • Show more…

    Show less

  • My likes
  • Bookmarks
  • Communities
  • Animals & Pets

    Animals & Pets

  • Mashup

    Mashup

  • Anime

    Anime

  • Movies & TV

    Movies & TV

  • Gaming

    Gaming

  • Cartoons

    Cartoons

  • Art & Design

    Art & Design

  • Music

    Music

  • News & Politics

    News & Politics

  • Sports

    Sports

  • Science & Technology

    Science & Technology

  • Celebrity

    Celebrity

  • Nature & Travel

    Nature & Travel

  • Fashion & Beauty

    Fashion & Beauty

  • Dance

    Dance

  • Auto & Technique

    Auto & Technique

  • NSFW

    NSFW

  • Featured

    Featured

  • Coub of the Day

    Coub of the Day

  • Dark Theme

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

Веб-дизайнер должен разбираться в HTML и CSS? — Хабр Q&A

Дизайнеры разные бывают. Есть дизайнеры интерьеров. Есть дизайнеры концепт-каров. Есть еще куча направлений дизайнов. И все они отличаются технической направленностью.
Как дизайнер веб-интерьеров должен знать всякие детали и нюансы, так и веб-дизайнер, должен понимать, из каких элементов строится фронтенд. Потому то он и называется «веб-дизайнер».
Мое мнение таково:
Дизайнер не обязательно должен знать досконально CSS и HTML, но должен знать их возможности. И спорные вопросы должны решаться вместе с верстальщиком.

Но если вопрос задан от лица руководителя, то я еще добавлю:
Если проект еще оценивается, то тем более, дизайнер должен понимать основы. Почему? Возьмем как пример что вы решили делать проект на 100 т.р. сроком разработки 15 дней(5 дизайн + 5 верстка + 5 программирование). Причем заказчик потребовал полную совместимость даже с IE6(в сумму входит). Вы посчитали стоимость рентабельной. Верстальщик молчит, т.к. он еще не знает, с чем именно он столкнется. И 5 дней дизайнер отлично старается сделать простой сайт, со вкусом, и с нестандартными формами, и сложными фигурными элементами управления.

Когда верстальщик получает это чудо искусства, творения и вдохновения, он падает на пол. Надо не только сверстать, но еще и нацепить кучу плагинов, наделать скруглений на всех подряд элементах(которые в IE<9 не работают нативно), добавить SVG|VML(или через Raphael.js) сложные элементы управления. Насобачить триггеров, чтобы это все еще и правильно работало. И выяснится, что вместо 5 + 5 + 5 = это займет 5 + 10 + ~ времени, т.к. программист получит страшную верстку, и ему еще всякие AJAX надо будет прикручивать.

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

веб-дизайн | htmlbook.ru

Влад Мержевич

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

Рис. 1. Треугольники в веб-дизайне

Напрямую сделать треугольник средствами CSS нельзя, поэтому доступны два метода, позволяющих его добавить — через border и transform.

Влад Мержевич

Кодировка UTF-8 позволяет не только одновременно вставлять текст на нескольких языках, но и добавлять разные символы, которые с успехом могут применяться как элементы дизайна, а также вместо некоторых изображений. Вот какие плюсы это сулит:

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

Крейг Баклер

В моей прошлой статье Как сделать словесный пузырь на CSS3 без картинок мы видели, как псевдоэлементы :before и :after используются для создания различных эффектов. В этой статье мы воспользуемся подобными техниками для создания разнообразных лент.

Эффект ленты в моде. Большинство дизайнеров используют позиционированные изображения, но мы сделаем это с помощью свойств border и единственного тега <h3>.

Влад Мержевич

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

Основные понятия

Всем известно, что спектр состоит из семи цветов, названия которых глубоко запали в голову еще со школы благодаря мнемоническому заклинанию «Каждый Охотник Желает Знать, Где Сидит Фазан». На рис. 1 показана полоса, полученная путем разложения луча белого света на составляющие цвета с помощью стеклянной призмы.

Рис. 1. Спектральные цвета

Влад Мержевич

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

Рис. 1. Пропорции золотого сечения

Сергей Степанов

Сайт автора: finest.ru

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

Стоп! А разве графика, цвет, текст, заголовки и вся композиция не составляет информационное содержание страницы? Основной процент получаемой человеком информации приходится на зрение. По статистике 83% информации воспринимается зрительно. И 40% из неё запоминается человеком (против 20% от услышанного!). А изображение может нести в себе ничуть не меньше (а иногда и больше) информации, чем текст. Но как связать воедино изображение и текст? Как заставить дизайн нести тему страницы? Вот это уже вопрос психологии.

Влад Мержевич

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *