Это мой первый вопрос на этом сайте, так что поехали! Я графический и веб-дизайнер. При создании сайтов или приложений я не имею дело с интерфейсом и не хочу (пока). Все, что я делаю, — это дизайн UI/UX, а разработчики делают все остальное. Итак, то, что я отправляю своим клиентам, это файлы .ai или .psd, красиво оформленные и названные, экспортированные кнопки и изображения в .svg или .png. Я понимаю, что Bootstrap — это интерфейсный фреймворк с его философией и инструментами, позволяющими легко создавать адаптивные и согласованные веб-сайты. У меня также есть базовые знания о том, как работают языки разметки, такие как HTML и CSS, но, как я уже сказал, я не хочу учиться программировать, я хочу сосредоточиться на дизайне.
Итак, после большого вступления, где я могу найти советы по дизайну для Bootstrap? Я нашел много бесплатных ресурсов в Интернете, но все они сосредоточены на кодировании, и они не объясняют это с моей точки зрения. Я предпочитаю использовать Illustrator, но для обучения это не имеет значения, это может быть и Photoshop. Советы, которые мне нужны, это что-то вроде «никогда не помещайте элементы за пределы сетки», «вот что вам нужно знать при разработке дизайна для мобильных устройств», «всегда используйте этот размер шрифта»…
TL;DR Как спроектировать сайт Bootstrap в Adobe Illustrator или Photoshop, остальное делаю не я, а разработчики.
Любой солидный веб-разработчик может взять любой дизайн и разработать его для Bootstrap.
Тем не менее, это облегчает, когда вы принимаете некоторые соображения.
Зак Сосье