разработка веб-сайтов с использованием сетки

Я много читал о сетках и о том, как они улучшают внешний вид веб-сайтов (само собой разумеется, что я согласен)

хотя я не имел возможности работать с ними. Не удалось «почувствовать» преимущество при использовании системы сетки (я всегда говорю о стадии фотошопа).

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

Надеюсь, вы можете помочь, спасибо

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

Ответы (4)

Аурел,

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

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

Как говорилось в предыдущих сообщениях, вы можете использовать систему 960grid, чтобы помочь вам с веб-материалами/фотошопом. Вы также можете прочитать эту книгу по системе сетки в библиотеке (да, в библиотеке), чтобы получить больше информации о ней. Другие ресурсы: The Grid System , Grid System Wiki

Удачи!

иронично, что книги нет ни в одной из моих местных библиотек, даже в универе :) если вы это имели в виду, но мне очень нравится идея книги, поэтому, конечно, я заказал ее на амазоне. ссылка на вашу сетку системы, это связано с книгой? Как вы думаете, стоит ли думать о поступлении на курсы графического дизайна, когда нет никаких художественных способностей? Поскольку есть много статей, связанных с веб-дизайном, которые ссылаются (как и вы) на курс графического дизайна авторов - спасибо за большой вклад
Вопрос, полагая, что веб-дизайн, основанный на сетке, очень хорош, если у вас есть навыки, будете ли вы когда-либо работать без сетки (я знаю, что нарушение правила здесь и там выделяет элемент, но я главное, просто спроектируйте все это целиком). без сетки (даже если с сеткой вы были бы ВЕЛИКОБРИТАНЫ)) - В основном это похоже на макет таблицы (т.е. без сетки) VS. Макет CSS (т.е. с сеткой). Итак, когда-то знать макет таблицы css очень плохо; поэтому теперь, когда вы знаете сетку, без нее не обойтись; или это более спокойно
Вам не нужно быть хорошим художником, чтобы хорошо разбираться в графическом дизайне. Изучение основ и получение прочной основы графического дизайна значительно важнее, чем навыки рисования.
Я понимаю, что эти вопросы могут показаться чрезмерными, но знаете ли вы, с чего я могу начать изучать эти основы? графический дизайн - это тема, которую я больше всего хочу изучить, и та, по которой я не собирался находить ничего достоверного (говоря, что знание того, как использовать фотошоп, не означает, что вы знаете суть графического дизайна)

Мне нравится просто просматривать веб-сайты для вдохновения и изучать «сетку». Я не могу думать ни о какой «повседневной практике», кроме как просто играть с ней. Вот хороший веб-сайт с 50 веб-сайтами
Good Grid. Удачи!

спасибо, блуждаю, у вас есть кррп скетчбук для экспериментов с сеткой (паутиной)? если вы графический дизайнер, то это другое, но для веб-дизайнера (без художественных способностей) будет ли полезен альбом для рисования? Я начал использовать один, но вскоре заметил огромную пользу. но спасибо
веб-дизайнер - да... Я считаю себя гибридом веб/графика/дизайнер/разработчик, и мне очень полезно просто делать наброски и рисовать (без художественных способностей). Я могу даже не смотреть на эскизы, как только я это понял в моем уме, но это намного проще, чем просто пытаться разобраться в фотошопе (хотя у меня есть планшет Wacom). Я вижу, что это делают и другие люди: leticiasanc.files.wordpress.com/2009/04/site_sketches1.jpg
это именно то, что я делаю. у меня тоже бывают моменты, когда я не вижу то, что набросал, или возвращаюсь к ним через месяцы и смотрю на них с другого настроения. Спасибо, что поделились :) - я готов к этому, но никогда никого не спрашивал об этом

Я бы проверил этот ресурс: http://www.designinfluences.com/fluid960gs/ & http://960ls.atomidata.com/#usage

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

это намного лучше. а как насчет вас, есть ли у вас какие-то «хорошие практики», когда вы начинаете создавать дизайн в фотошопе? Я нахожусь на этапе, когда я знаю основы; и сейчас я пытаюсь перенять хорошие практики у более опытных людей
Извините, Аурел, но я в основном использую CSS для разработки большинства своих сайтов, и я использую Adobe Illustrator для логотипа, изображений и т. д. Есть несколько отличных ресурсов для фотошопа. Я бы просто взял книгу или что-то в этом роде. я научился большинству своих навыков из книг по html, css и на практике

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

Книга называется «Беспорядок упорядочения: принципы сетки для веб-дизайна» Кхой Винь. Вот ссылка , если вы хотите купить его на Amazon.

разработка веб-сайтов с использованием сетки
СпросиСетьПолитика конфиденциальности1y, 0v