Советы и Приемы для Отзывчивого Веб-Дизайна+

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

Макеты

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

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

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

Проектирование В Браузере

Теперь немного полемики. Возможно, вы слышали о спорах о целом проектировании в браузере, которые кружили за последние несколько месяцев, если даже не дольше.

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

Но как Разработчик, вы, скорее всего, будете крайне комфортно использовать код, и поэтому это будет хорошей идеей, чтобы манипулировать с попыткой дизайна в браузере и посмотреть, какие результаты вы придумали.

“Решение” в браузере

Решение в браузере означает, что вы добираетесь до того, чтобы поработать немного в графическом редакторе и немного в браузере. Здесь Вы не можете получить лучше результат, до тех пор, пока проект будет работать в самом браузере. Оформление будет всегда отображаться по-разному в графических приложениях и в браузере, и это значительно облегчает создание прототипов и возобновляется быстро через этапы проектирования, когда вы находитесь в браузере (хотя все может измениться с введением приложений, таких как Macaw ).

Работая с обеими смесями макетов и браузерных работ, означает, что вы можете дать большую гибкость вашему дизайну и решениям, которые вы должны принять. Ключ к этому термину “решение в браузере”. Так же многие крупные творческие решения могут быть сделаны в графическом программном обеспечении, браузере, где может быть сделан ваш окончательный выбор .
Когда я работаю таким образом, я понимаю, что я часто заканчиваю смесью макетов, разработанными шаблонами библиотек (в графической программе и в HTML и CSS) и полном прототипов HTML и CSS. Смесь отличная, и это показывает эволюцию сайта от начала и до превращения в полноценный сайт.

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

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