Ответы пользователя по тегу Дизайн
  • Как учиться дизайну самостоятельно?

    tolfy
    @tolfy
    Фирменный стиль
    offtop: UI/UX
    Совет. Воспитай в себе тестировочного персонажа. Желательно, чтобы это был:
    • пожилой человек, слабо знакомый с интернетом и его "стандартными" UI
    • спешащий и "затраханный" юзер, уставший от нашествия "интересных решений" в UI

    Свои решения проводи через проверку этим персонажем.

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

    tolfy
    @tolfy
    Фирменный стиль
    Я бы посоветовал начать со штудирования истоков, с примеров работ графиков.
    Начните с Дюрера и да Винчи.

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

    Со своей стороны советую потрудиться над логотипом и общим стилевым шаблоном для публикаций. Окупится сторицей узнаваемостью. Примеры стилизации
    Ответ написан
    Комментировать
  • Как называется такой дизайн? Как научиться правильно верстать такие макеты?

    tolfy
    @tolfy
    Фирменный стиль
    если задача сверстать 1:1
    0. этот скрин кидаете бэкграундом (размер точно в пикселях) на body, выравниваете его как вам надо по краям
    1. Вытаскиваете из рисунка все тексты (заголовки и блоки) и верстаете страницу дивами, вкладывая в них H2(numbers), H3(titles) и P(параграфы) == размерами шрифта и отступами регулируйте максимальное совпадение (перекрытие) бакгроунда вашими блоками с текстом(заливка у блоков прозрачная, чтобы видеть нижний скрин).
    2. Отделяете на скрине графику от текстов, тексты удаляете (в фотошопе например), и кладёте получившееся также бэкграундом вместо первоначального скрина
    3. передайте текстам цвета
    Готово

    если стоит задача адаптивности, то бэкграунд нарезайте на части, (целыми кусками, не перерезая линии) и кидайте их бэкграундами в дивы

    лучше освоить любую векторную прогу и переводить растровые рисунки в вектор, далее в SVG, с ним вам будет удобнее работать
    Ответ написан
    Комментировать
  • Редизайн/концепция и авторское право?

    tolfy
    @tolfy
    Фирменный стиль
    Любой суд (а попросили рассматреть именно такие сложные случаи) будет рассматривать цель редизайна.
    Если заявителю не удастся доказать, что истец преследовал цели оскорбления достоинства, перехвата посетителей\покупателей\лицензионных отчислений .. и етц commercy, то закон будет на стороне истца.

    Как выше уже упомянуто, вполне достаточно к работе (редизайну) приложить пояснение цели работы.
    Например, развитие творческих способностей, выражение уважения к бренду ..
    + вид своей лицензии (свободно распостраняемое)
    + ссылку на оригинал.
    Проблем не будет ни в одной стране, кроме исламских
    Ответ написан
  • Почему многие дизайнеры делают ОГРОМНЫМИ элементы дизайна?

    tolfy
    @tolfy
    Фирменный стиль
    Насколько я могу судить по скрину, - предлагается некая услуга для людей пожилого возраста, возможно, пенсионеров. Не секрет, что проблемы нарушения зрения с возрастом занимают всё более особое место и в продуктах для таких пользователей этот момент надо учитывать. И это такой случай, как мне видится )

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

    tolfy
    @tolfy
    Фирменный стиль
    хорошая задачка )
    Моя практика: раньше делал анимацию GIF в фотошопе, или флэш, это когда не было возможности общаться с прогером (обычно, на небольших проектах, диз в составе команды или на связи). Часть поведения конечно можно описать в сопроводиловке, редко кто заморачивается и написанием и чтением, ога.
    Сейчас просто пишу краткое видео, показывая в своём граф.редакторе как должны вести себя элементы.
    Конечно, пора переходить на инструменты прототипирования, но некогда и откровенно говоря - лень )
    Ответ написан
  • Шрифты. Теория. Какой рукописный шрифт использовать для заголовков (h1, h2, ...), если основной Open Sans?

    tolfy
    @tolfy
    Фирменный стиль
    Если без обид, -- бросьте вы это занятие. При необходимости используйте два пути, альтернативные, но грамотные по результату:
    1. ищите примеры типографики в готовых дизайнах, что "на глаз упадёт" то и берите
    2. сотрудничайте с дизайнером, найти такого проще, чем кажется, -- почти у всех дизов проблемы с программированием: то немного JS надо, то чуток PHP, то просто объяснить что-то словами )) - обоюдно и поможете друг другу советами и небольшими одолжениями

    Самостоятельно типографикой не занимайтесь, даже ради саморазвития, дисциплина очень обширная и глубоко завязана на многие смежные гуманитарные дисциплины, требует специализированного образования, полиграфического опыта. И даже при соблюдении всех этих условий, но без постоянной практики, результат - пшик.
    Ну, честно! )
    Ответ написан
    Комментировать
  • Как оценить front-end разработчика/дизайнера до начала сотрудничества?

    tolfy
    @tolfy
    Фирменный стиль
    Всего два реальных пути:
    1. Грамотное, обратиться к друзьям и коллегам, нет-ли у них на примете или в запасе скилованного специалиста, с которым имеется опыт работы.
    Ваш профит, - вы знаете коллегу, его личные скилы и запросы, и уже по его характеристике будете знать очень много о кандидате. С друзьями чуть опаснее, но профит в человеческом доверии.
    2. Разместить в профильных группах подробное объявление о вакансии, с требованием к кандидату оставить публичный комментарии с перечнем скиллов и ссылкой на портфолио.
    Ваш профит - цеховики сами "затюкают левых" и их специфическая критика кандидатов (и требований вашей вакансии) поможет вам уточнить ваши требования и описание вакансии (а может и в корне изменить сам запрос).
    Второе как раз вы сделали этим вопросом, если я верно понял вашу идею.
    Ответ написан
    Комментировать
  • Зачем продолжают изучать Corel draw? Он ещё жив?

    tolfy
    @tolfy
    Фирменный стиль
    С каким-то апломбом и напрягом огораживается Иллюстратор, никто не нападает на AI, cпокойнее господа, спокойнее! Не надо агрессии.
    Ответ написан
    Комментировать
  • Где можно почитать про правила построения Web страниц?

    tolfy
    @tolfy
    Фирменный стиль
    Банально, но крайне практично и эффективно:
    видим сайт с хорошим или приятным нашему глазу дизайном:
    а\ жмём ПКМ > Исходный код
    б\ жмём F12
    изучаем. Учимся
    Рекомендую!

    p.s. Если что-то в коде не понимаем или просто находим интересные моменты кода - повторяем это самостоятельно в своём HTML\CSS, как урок.
    Ответ написан
    Комментировать
  • Какими инструментами пользуются дизайнеры сайтов?

    tolfy
    @tolfy
    Фирменный стиль
    0. дизайнер
    1. любой(!) графический редактор (моя связка: Corel+Photoshop)
    2. любая(!) верстальная программа (мои: IDEA+Sublime)
    3. любой(!) движок localhost (IDEA+Denver)
    4. поиск по тегам "html\css" + "поиск\картинки > большие\svg\gif\CC BY-SA 2.0"
    Ответ написан
    Комментировать
  • Как добавить поддержку SVG на WordPress?

    tolfy
    @tolfy
    Фирменный стиль
    В меню админки:
    >Внешний вид
    >Редактор
    >Редактировать темы
    >"ВашаТема": Функции темы (functions.php)

    Добавляем строки:
    // allow SVG uploads
    add_filter('upload_mimes', 'custom_upload_mimes');
    function custom_upload_mimes ( $existing_mimes=array() ) {
    	$existing_mimes['svg'] = 'image/svg+xml';
    	return $existing_mimes;
    }
    function fix_svg() {
        echo '<style type="text/css">
              .attachment-266x266, .thumbnail img {
                   width: 100% !important;
                   height: auto !important;
              }
              </style>';
     }
     add_action('admin_head', 'fix_svg');

    Не забыть снять защиту с файла functions.php

    подробнее css-tricks.com/snippets/wordpress/allow-svg-throug...
    Ответ написан
    6 комментариев