7 полезных советов для начинающего дизайнера — UXPUB
Если вы только окунулись в большой, сложный, но в тоже время интересный мир продуктового дизайна, вам есть чему поучиться и многое предстоит узнать.
Поэтому устраивайтесь поудобнее и наслаждайтесь чтением наших советов.
01.
Почему ваша креативность намного важнее, чем выбранный инструмент дизайна
Я недавно прочитал статью, в которой затронули вопрос преданности инструментам проектирования интерфейса. Кроме того, в ней утверждалось, что выбранный инструмент дизайна вторичен по отношению к креативности его пользователя. И я полностью с этим согласен.
Каждый из доступных нам инструментов проектирования, десктопный или облачный, это всего лишь инструмент. Если у дизайнера есть воля и решимость стать лучшим, он им станет с любым выбранным инструментом. Некоторые инструменты могут накладывать определенные ограничения на творческий потенциал, но они никогда не смогут полностью подавить его.
Не существует волшебного инструмента, который подошел бы для всех дизайнеров, и вы должны помнить об этом, как бы часто вы не отстаивали свой любимый.
Отличный дизайн можно сделать с помощью любого инструмента проектирования, который вы решите использовать. Все зависит от того, насколько далеко вы захотите творчески продвинуться.
02.
Почему принципы дизайна всегда должны быть превыше трендов
Тренды дизайна будут приходить и уходить, так было и будет всегда. Их невозможно игнорировать, и их влияние, так или иначе, отразится на вас. Это неизбежный факт.
Печально наблюдать, как некоторые дизайнеры создают портфолио, целиком основанное на трендах. Они не позволяют собственному стилю проникнуть в свои работы. Молодые дизайнеры более склонны следовать за толпой или изученным трендам. Они еще ищут свой путь в отрасли, но им нужно быть увереннее, чтобы сказать: «Это мой стиль. Это то, что я делаю, мне так комфортно, а не слепо следую трендам».
Я изучал графический дизайн еще в колледже (тогда в мире была популярна сепия), и именно там я начал изучать и понимать основные принципы дизайна. Следуя этим довольно простым правилам, я обнаружил что создаю более понятные, сильные и последовательные дизайны. Эти принципы и правила остались неизменными, и по-прежнему актуальны применительно к UI дизайну.
Ознакомьтесь с основными принципами дизайна, примените их в вашем следующем проекте, и вы увидите значительные улучшения в результатах работы. Вы также обнаружите, что стали менее зависимы от слепого следования трендам.
03.
Хотите больше успевать делать? Попробуйте тайм-блокинг
«Тайм-блокинг» применим ко многим отраслям, включая дизайн. Уверяю вас, что он положительным образом изменил мой подход к дизайнерским проектам.
Я использую его изо дня в день, и он помогает мне в сжатые сроки делать самые важные вещи.
Я всегда предполагал, что, если просто буду работать, то добьюсь цели. Если я буду работать 12 часов в день, я каким-то образом сделаю все важные вещи. Но это не так. Оглянувшись назад и посмотрев, что я на самом деле сделал за это время, я понял, что по крайней мере треть, если не половину времени, отвлекался на посторонние дела. Поэтому я предположил:
В соответствии с упомянутым ранее методом тайм-блокинга, я хотел бы в первую очередь получать наиболее важную работу. Утром, скажем, с 9:00 до 13:00. Именно в это время большинство из нас достигают пика продуктивности, прежде чем появится творческая усталость во второй половине дня, и наш индикатор фокуса начинает мигать красным.
Насколько это возможно избегайте в этот период отвлекающих факторов. Полностью сконцентрируйтесь на важной задаче текущего дня, в выделенный период времени, и уверяю вас, вы сделаете больше.
04.
Будьте более уверенны в себе, не сравнивайте себя с другими дизайнерами
Многие из нас смотрели на коллегу и думали, что его дизайн – величайшая вещь, когда-либо украшавшая цифровое устройство, а наш дизайн в некотором роде уступает ему. Кто-нибудь испытывал синдром самозванца?
Стоп!
Перестаньте сомневаться в своих способностях и результатах своей работы. Продолжайте делать, что делаете, продолжайте учиться, всегда старайтесь улучшать свой собственный стиль.
Есть сотни, нет, тысячи людей, которые думают, что вы создаете крутые дизайны. Не сравнивайте свои проекты с чужими и меньше думайте о своей работе.
Станьте лучшим дизайнером, не сравнивая себя с другими.
05.
Никогда не обесценивай себя, как профессионала
Когда я был молодым дизайнером, у меня было много проектов, за которые мне сильно недоплачивали, но я соглашался на них, потому что нужно было оплачивать счета. А еще было множество проектов, которые в итоге ни к чему не привели
Многие проекты, сулившие мне несметные богатства почти ни к чему не привели, и не по моей вине. Я делал активы дизайна, но в итоге проект иссякал и так и никогда не видел свет. Когда вы начинающий молодой дизайнер, вас могут втянуть в такого рода
По мере накопления опыта я начал устанавливать строгий контрольный список с критериями, обязуюсь ли я это делать или нет?
Если кто-то ищет подлинное партнерство и уважает вашу работу, то он должен быть готов заплатить за ваше время и усилия. К сожалению, подобная практика обещания несметных богатств в будущем после того, как вы уже отдали свое время бесплатно, сегодня так же распространена, как и 10 лет назад.
Действуйте осторожно и не работайте бесплатно, какими бы сказочными не казались обещанные богатства.
06.
Готовы ли вы к этому очень длинному путешествию?
Любой может стать дизайнером, но не каждый захочет им стать. У вас должна быть подлинная страсть к этому, каждый день. Вы должны стремиться стать самым лучшим. Нет короткого пути.
Это связано с четвертым пунктом. Не думайте, что ваши дизайны уступают проектам коллег. Да, они могут требовать полировки и правильного понимания того, что делает дизайн отличным, но ни секунды не сомневайтесь, что они недостаточно хороши. Важно знать, что нужно для хорошего дизайна, тогда вы сможете быстро внести необходимые улучшения.Не отчаивайтесь в своем путешествии, учитесь, совершенствуйтесь, знайте, чего вы хотите достичь в своей карьере, и делайте шаги, необходимые для этого. Вдохновляйтесь работой других дизайнеров, заводите связи в сообществе, читайте (да, много читайте), и не забывайте иногда отрываться от экрана и впитывать мир вокруг вас.
Будьте открыты для критики. Люди просто выражают свои мысли о работе, которую вы демонстрируете.
Я знаю молодых дизайнеров, которые не выносят любую критику, и, если вы такой человек, вам нужно расслабиться! Всегда найдутся тролли, которым нечего сказать. Не обращайте на них внимания, они просто проецируют свою неуверенность на вас. Но, если критика конструктивная извлеките из нее уроки, это поможет вам
07.
Должны ли дизайнеры хотя бы понимать, как работает код?
Должны ли дизайнеры кодить? Да, сейчас 2020 год, и дискуссия продолжается. Я поделюсь своими мыслями о том, почему может быть весьма полезно хотя бы понимать, как работает код.
Исходя из личного опыта, могу сказать, что знание кода было чрезвычайно полезно для построения хороших отношений с разработчиками, и даже, когда я работал один.
Попутно я собрал достаточно знаний о кодинге и это помогло мне в работе над проектом. Это заставило бы меня задуматься: «Если я спроектирую это определенным образом, это будет просто кошмар, когда я попытаюсь это кодить?».
Несколько лет назад, если вы какое-то время работали фрилансером, вы вполне могли еще и кодить. Но, если вы работали в компании, то, вероятно, выполняли определенную роль, для которой и были наняты.
Я не говорю, что вам нужно на следующие 6 месяцев запереться в темной комнате, освещенной только свечой и выучить, по крайней мере, с полдюжины языков кодирования, прежде чем открыть дверь. Однако, вам стоит иметь понятие об аспекте кодинга при работе над проектом и работе с разработчиками. Читайте статьи, ознакомьтесь с документацией или просто с самого начала постройте хорошие отношения с разработчиком, а также задавайте множество вопросов, прежде чем вы сделаете определенный эстетический выбор.
Если у вас есть определённые знания о коде, какими бы ограниченными они ни были, они действительно улучшат ваше взаимодействие с разработчиком. От этого выиграют все участники проекта. Это намного лучше, чем заявить: «Я спроектирую это, и пусть они думают, как заставить это работать. Я на это не подписывался».
Понимание того, как работает код, не всегда необходимо, но необычайно помогает, независимо от того работает ли UI / UX дизайнер в команде или нет.
Спасибо за прочтение.
|
Как и любое серьёзное дело, создание красивого интерьера требует тщательной подготовки и качественной реализации. Прежде, чем приниматься за дело, надо осознать, что дизайн проект – это серьёзное комплексное решение, которое учитывает массу взаимосвязанных аспектов – рациональную организацию пространства, эргономическую и эстетическую составляющую, подбор форм, цветов и фактур материалов, мебели и обстановки. Необходимо помнить о реализуемости задумок, технических моментах (перепланировка, коммуникации, освещение, электрика и т.д.). Наконец, ограничения по стоимости и срокам работ. Чтобы на выходе получить удачный дизайн интерьера, нужно тщательно проработать все эти моменты и постоянно помнить об их влиянии друг на друга. Это непростая задача, которую наши специалисты умеют успешно решать. Читать дальше… Подводных камней и различных ошибок при выполнении ремонта и отделки жилых помещений совершается великое множество. Мы постараемся привести здесь лишь наиболее типовые. Если вы собираетесь заниматься дизайном самостоятельно, то постарайтесь это учесть. Все ошибки можно разделить на две категории – ошибки замысла и ошибки исполнения.
Читать дальше… Оценка бюджета (а также его более-менее точное выполнение) является важным моментом всего проекта отделки помещений. На практике нам не раз приходилось сталкиваться с ситуацией, когда «внезапно» закончившиеся средства заставляли останавливать работы или приводили к невозможности закупить в отделанную квартиру даже минимально необходимый набор мебели и бытовой техники. Для нас, конечно же, идеален вариант, когда наш клиент не ограничен в средствах, и мы воплощаем самые интересные и смелые замыслы без оглядки на расходы. Но жизнь часто заставляет спускаться с небес на землю и искать компромисс между замыслами и возможностями по их воплощению. Давайте же попробуем приблизительно оценить стоимость отделки ваших квадратных метров. Читать дальше… Это именно то, что мы реализуем в наших проектах. Что же это такое? Концептуальный дизайн можно представить как высшую ступень развития идеи дизайна в интерьере. Упрощённо можно представить себе такие стадии зрелости:
Читать дальше… Список сайтов, которые содержат полезную информацию по дизайну интерьеров, строительству и ремонту. Идеи Вашего Дома Журнал о ремонте и дизайне. Основной контент сайта составляет архив журнала «Идеи Вашего Дома» — эксклюзивные авторские статьи, качественные иллюстрации, практические советы и уроки. SALON.ru Интернет-версия журнала об архитектуре, дизайне и интерьере SALON-interior. На сайте представлены образцы декорирования интерьеров, идеи архитектурного проектирования, портфолио ведущих архитекторов и дизайнеров России и мира, а так же полный архив журнала. Квартирный Вопрос Официальный сайт программы «Квартирный Вопрос», канал НТВ. Читать дальше… Статья написана для сайта Няня.ru В этой статье я хочу высказать свои соображения о том, как следует готовить комнату для самых маленьких детей. В этом важном деле есть свои особенности и подходы, значительно отличающиеся от тех, которые используются для других помещений. Я опишу основные аспекты дизайна и обстановки, на что следует обратить особенное внимание, чего стоит избегать. Помните, что только от нас зависит, насколько уютным будет мир, в котором проведёт малыш свои первые месяцы и годы, и кроме его родителей об этом некому позаботиться. Уже давно не ставится под сомнение тот факт, что нормальное развитие личности ребёнка, становление характера и его здоровье сильно зависит от окружающего его микромира. Особенно это проявляется в первые месяцы и годы жизни, когда у ребёнка формируются основы его личности. Поэтому я рекомендую подходить к дизайну и обустройству детской комнаты более строго и придерживаться ряда ограничений и рекомендаций. Читать дальше… Много внимания нужно посвятить выбору цветовой гаммы детской комнаты. Традиционными цветами привычно считаются розовый и голубой. Это не просто условности. Цветовой фон микромира ребёнка постепенно посвящает его в определённую социально-половую роль. Конечно, это вовсе не значит, что эти цвета обязательно должны сопровождать ребёнка повсюду. Цветовая палитра комнаты должна всего лишь, в общем, соответствовать полу ребёнка, и вовсе не обязательно выстраивать её на общепринятых оттенках и сочетаниях. Читать дальше… Для большинства людей покупка квартиры – дело затратное и связанное с известным напряжением для личного бюджета. Поэтому, когда квартира или дом, наконец-то, куплены, то на их ремонт и покупку мебели часто остаётся не так много средств. И наряду с желанием жить в хорошей и качественной обстановке, появляется естественное стремление не входить в излишние траты. На чём обычно экономят средства? На отделочных материалах (стараются покупать не слишком дорогие), на предметах обстановки, на привлечении сезонной интернациональной бригады строителей, которые попросят поменьше денег и, конечно же, на решении создавать дизайн интерьера своими силами. Кто из нас не считает себя способным сделать расстановку мебели, продумать какого цвета будут обои, решить вопросы с напольными покрытиями, светом и т.д.? Зачем же за это ещё и платить деньги дизайнеру? Если вы тоже так думаете, прочитайте написанное ниже и, возможно, ваше мнение изменится. Читать дальше… Эта статья будет полезна тем, кто собирается открывать школу танцев (или просто собственный танцевальный зал), и раздумывает над его наилучшим оформлением при наименьших финансовых затратах. Выбираем помещение для школы танцев Очень хорошо, когда у помещения есть отдельный вход, но можно снять нужную площадь и в офисном здании. При этом оно должно быть расположено так, чтобы музыка от занятий не мешала работающим людям. Многие школы танцев открывают залы в полуподвальных и цокольных этажах. Это и дешевле, и более обособлено. Но важно помнить, что в полуподвалах может быть плохая вентиляция и очень низкие потолки. Нам же важно, чтобы залы хорошо проветривались, а высота полков составляла не менее трёх метров. Читать дальше… |
16 коротких советов для дизайнеров | by MAD RABBIT
Эти советы я писал в своем блоге Вконтакте, когда прошло достаточно времени, чтобы сделать выводы о работе дизайнера, и записать для себя рекомендации. Сегодня я делюсь ими с вами. Надеюсь, они будут для вас полезными. Если вы будете не согласны с каким-то пунктом, пожалуйста, напишите об этом в комментариях.
Да, и такое тоже бывает.Дизайнерские решения не всегда являются самоочевидными.
А лучше вообще не заводить ребенка, пока нет портфолио.Money must makes money. Мне знакомо это опьяняющее чувство, когда получаешь сумму с 5-ю нулями и думаешь, что так будет всегда. Нет, не будет. Как минимум 25% свободных средств должны идти на развитие — покупку курсов, создание персонального проекта для портфолио или продвижения себя.
Однажды деньги кончатся, если не вкладывать их в своё развитие.
Однако достоверные источники сообщают, что авторство этой фразы принадлежит Гарри Гордону Селфриджу — британскому предпринимателю, основателю универмагов Selfridges&Co.Реальность такова, что большинство клиентов не знают, что именно хотят получить на выходе. Бесконечная игра со шрифтами, добавление «красненького» и смена концепций — лишь начало кругов ада, которые ожидают новоиспеченного дезигнера.
А слепое следование пунктам ТЗ и вовсе приводит к тому, что обе стороны остаются недовольны взаимодействием друг с другом.
Как итог, бесхребетность — это то качество, которое клиент меньше всего хочет увидеть в дизайнере. Дизайнер прежде всего творец, а не посредник между заказчиком
и фотошопом. Работаешь дизайнером — будь готов отстаивать свое мнение.
«Я читал Ководство, так что кое-что понимаю в дизайне» — согласитесь, всем нам довелось услышать подобные фразы, как минимум, от одного клиента.
С одной стороны, это хорошо: чтение профильной литературы помогает погружению в тему и объясняет подводные камни профессии. С другой стороны, мысли автора все равно остаются субъективными и ограниченными в силу своего определения, и зачастую, крайне губительными при оценке проделанной работы.
Ставить французские кавычки («») вместо машинописной двойной (“”), писать заголовки строчными и знать когда ставить длинное тире, а когда дефис — не критерий профессиональности дизайнера, а всего лишь начальная грамота. Мы же не критикуем писателей на том основании, что учились в школе и кое-что понимаем в русском языке.
Дизайнером делает человека только долгая кропотливая практика, а не следование канонам великого и ужасного А.А.
Только ради бога не сжигайте ваш диплом, если вы учились в БВШД или в Бюро.Очень часто бытует мнение, что в дизайне как в математике есть какие-то формулы и схемы, которыми должен руководствоваться дизайнер, чтобы выпускать классный продукт. Все это не более чем выдумка PR менеджеров учебных заведений.
Список законов и непреложных истин в дизайне достаточно ограничен, и оброс уже таким количеством исключений, что говорить о них с каждым годом становится все более и более неприлично.
Учиться дизайну можно лишь непосредственно на практике, анализируя свои ошибки и чужие работы, сравнивая и подмечая детали, копируя и осозновая принцип. Вузы с программой прошлого века в данном вопросе с позором проигрывают, а их диплом годится разве что в качестве альтернативы туалетной бумаги.
Или если хочешь устроиться в Google.Каждому из нас хоть раз в жизни приходило предложение выполнить тестовое задание. Это очень выгодный момент для работодателя: работник с самого начала поставлен в уязвимое положение. И тут очень велик риск нарваться не на обеспокоенного качеством исполнения заказчика, а на ушлого выпускника Бизнес Молодости, который нашел эффективный способ сокращения издержек.
Как же отличить мошенника от добросовестного клиента?
1) Объем работы
Если клиент хочет оценить твой уровень, он не будет давать задачу, которая займет много времени: вполне достаточного промежуточного этапа работы. Цель тестового задания заключается не в разработке конечного продукта, а в проверке квалификации исполнителя.
2) Масштабы компании
Серьезные игроки никогда не будут заниматься «разводом» специалистов. Если их шалости всплывут наружу, то это обернется очень большим скандалом. В случае же с доморощенными старт-апами, название которых известно только их создателям, рисковать абсолютно нечем.
3) Готовность оплатить тестовое задание
Если заказчик серьезно относится к процессу отбора кандидатов, он будет в состоянии хотя бы формально оплатить тестовое задание. Когда возникает риск потери денег, у человека невероятным образом открывается третий глаз, который безошибочно определяет неподходящих кандидатов, что существенно экономит время и силы обоих сторон.
Мой совет: берись за тестовые задания, только если ты в самом начале своего пути или хочешь устроиться в крутую компанию (или у тебя много свободного времени, и ты уже не знаешь куда его деть). Во всех остальных случаях лучше уделить время своему портфолио, чтобы оно не оставляло сомнений у потенциальных клиентов.
Но задачу все равно старайся решать красиво.Минимализм, градиенты, лоу-поли— это очень актуально, но не стоит забывать,что главная задача логотипа представлять компанию.
Надкусанное яблоко у Apple смотрится свежо и эстетично, однако применительно к ООО «Яблоки от Ашота» будет выглядеть, как минимум, нелепо, а как максимум, абсолютно не решит задачу создать визуальный образ. Выложить красивое портфолио на Биханс, напичканное трендовой графикой — большой жирный плюс для самопрезентации, но не стоит забывать, что первостепенная миссия дизайнера решать задачу клиента, а не рисовать красивые картинки.
Я не призываю игнорировать модные веяния, но их использование должно быть уместно.
Самый большой барьер, который стоят в начале пути каждого дизайнера — это непонимание критериев качества работы: для новичка качество = крутизна картинки, для профи = эффективное решение задачи.
Часть дизайнеров делают ошибку назначая стоимость работы исходя из почасовой оплаты. Открою секрет: время дизайнера ничего не стоит, если он не способен решать задачу. Дизайнер, в отличие от девушек из эскорт-агенства, не продает свое время.
Дизайн — это всегда продажа. Чтобы продавать, нужно правильно определить потребности покупателей и уметь грамотно презентовать свой продукт. У покупателей дизайна есть потребность в увеличении прибыли, но нет четкого понимания, как дизайн может решить эту задачу. Поэтому, очень важно передать клиенту свое видение ситуации.
Если по ночам ты предпочитаешь играть в ролевые игры со своей девушкой, а не со шрифтами, то запомни — никогда не высылай клиенту жпг макеты по почте. Свой результат надо презентовать: вживую или с помощью Скайпа. Красивая презентация в пдф тоже сгодится.
Забавно, но в этой группе я увидел репост записи.Человек, который ищет профессионала, никогда не будет искать его там, где поиск будет проблематичен. Вконтакте не является профильным сообществом дизайнеров, в отличие от Биханса.
Основная аудитория заказчиков в группах Вконтакте — это адепты Бизнес молодости и 16-летние арт-директора. К сожалению, это не клиенты, и тратить время на работу с ними можно только во имя искупления грехов.
Портфолио не может содержать полную информацию о важности работы дизайнера по той причине, что большинство самых сложных решений остаются за бортом — картинки не умеют говорить. Зато дизайнеры умеют (чаще всего).
В своем блоге ты можешь поднимать вопросы, которые волнуют клиента: как дизайн увеличивает конверсию или почему не надо использовать фотографии улыбающихся людей с фото-банков. Или вопросы, которые интересуют дизайнеров: как увеличить свой ценник, как выстроить отношения с клиентом и тд.
В обоих случаях ты даешь людям полезную информацию и получаешь статус мастера своего дела. Когда одному из твоих читателей понадобится логотип, угадай к кому он обратится — к тебе или к Васе с фл.ру, который делает дешево, качественно и в срок?
Навыками телепатии обладают очень немногие из клиентов, поэтому, если ты хочешь регулярно получать поток заказов, то просто обязан вести свой блог.
Правда все равно всплывет наружу.Когда мне нужна помощь в проекте, а знакомые дизайнеры все заняты, я отправляю запрос в профильные биржи. В ответ, как правило, поступает большое количество предложений от дизайнеров, разного уровня подготовки, работать вместе. Заметил, что каждый 3-ий соискатель в качестве конкуретного преимущества использует волшебную чит-фразу «Делаю дизайн с душой».
Дизайн с душой звучит круто. Дизайн с душой звучит круто. Но на проверку оказалось, что «с душой» — это когда больше ничего хорошего о себе сказать нельзя.
Поэтому, мой совет душевному дизайнеру — отучись 3,14здеть. Если новичок — так и пиши, что мало что умеешь, но сильно хочешь это исправить или готов работать за символичное вознаграждение. Душу лучше попробуй продать дьяволу, а на рынке дизайна, к сожалению, это не ликвидный товар.
Сомневаться во всем происходящем я начал еще задолго до того, как стал дизайнером. Все началось с похода на фильм «Человек-паук» в 2002 году.
Я был очарован дизайном костюма главного героя и больше всего на свете хотел иметь такой же. В моей голове оставался лишь один вопрос: как 15-ти летний школьник смог самостоятельно сшить ТАКОЙ костюм в домашних условиях? Все попытки повторить его опыт оказались тщетны. Именно тогда меня озарила мысль: нельзя принимать все как данность.
После этого случая недоверие ко всему, что я слышал и видел прогрессировало с каждым годом. Это качество очень пригодилось мне в профессиональной деятельности (супер-героем, к сожалению, я так и не стал). Дизайнер должен сомневаться во всем. В противном случае, мы бы никогда не сидели за компьютерами с процессором в самом экране монитора и не пользовались телефонами, где есть всего 1 кнопка.
Сомневайся, спорь, доказывай: на твоем пути попадется много бездарных советчиков. И не выдавай свое нежелание думать за образованность.
В свет ежедневно выходит огромное количество разношерстных произведений дизайнеров и иллюстраторов. Поиск референсов стал неотъемлимой частью перед началом работы над любым проектом — зачем изобретать велосипед заново?
Появляются новые тренды, диктующие моду. Игнорировать их страшное дело, ведь гарантированно можно остаться непонятым обществом. Однако всегда найдется человек Х, который заметит сходство работы дизайнера Y с работой дизайнера U.
Так что же делать? Слушать ядовитые замечания и бояться лишний раз пошевелиться или с умом использовать наработки коллег для создания качественного продукта?
Однозначно второе. Если работа не является точной копией оригинала с сохранением цветовой схемы, пропорций и пластики, тогда говорить тут вообще не о чем — человек по своей природе учится чему-либо, пародируя оригинал, и на его основе создавая новое. Из пустоты ничего никогда не возникает. Все что мы говорим, думаем и даже создаем есть лишь результат накопленного опыта:
мы это где-то видели и слышали, а уже потом модифицировали с учетом своих вкусовых пристрастий и взглядов.
Оригинальный стиль в дизайне — это как карьерный рост в Сбербанке. Все о нем слышали, но никто не видел.
Кто такой клиент? Это человек с определенной потребностью, которую он хочет удовлетворить, представлением о том, как это можно сделать и N-ым количеством денег.
На секунду представим, что потребность клиента заключается в разработке рекламного билл-борда. Все его представление о внешнем виде конечного продукта заканчивается различными вариациями зазывалок кредитных организаций с лозунгом «Даем всем», и результат он хочет получить такого же уровня. Клиент приходит к дизайнеру. Дизайнер делает робкую попытку намекнуть, что это неудачное решение, на что в итоге получил ответ: «Кто платит, тот прав». Страх потери клиента толкает его на сделку со своей совестью и он признает правоту последнего. Что ждет нашего дизайнера в итоге? Очередной недо-проект, который стыдно показать людям.
Кто виноват? Конечно, дизайнер. Мы сами выбираем с кем нам работать и сами решаем кем мы будем в их глазах: творцом или посредником между фотошопом и мышкой. Мой совет — работай исключительно с теми клиентами, которые тебя ценят, и помни, что незаменимыми бывают только аминокислоты.
Совет дизайнера интерьера бесплатно
9 советов — по одному от каждого из 9 известных дизайнеров интерьеров — чтобы сделать свой дом красивее и удобнее.
Девяти дизайнерам интерьера, работы которых публиковались в Architectural Digest, Elle Decor и House Beautiful, был задан вопрос: «Какая одна небольшая идея способна оказать большое влияние на весь интерьер?». В ответах оказалось много очень разных, неожиданных и полезных мыслей, поэтому мы делимся ими с вами. Приятных вам перемен!
Учитывайте масштаб
Совет от Брайана Пакетта (Brian Paquette)
При оформлении маленьких пространств масштаб — то, на что следует обратить особое внимание. Избавьте себя от необходимости заполнить пространство множеством разных и очень нужных, как вы думаете, вещей и сосредоточьтесь на комфорте и практичности: настоящий обеденный стол, за которым будет где развернуться; диван, на котором вы можете поместиться вместе с гостями, вместо одного любимого кресла; удобные и стильные дополнительные места для сидения и множество вариантов освещения. И не бойтесь масштабов в искусстве: большое — не значит самое дорогое, а впечатление оно производит значительное.
Сочетайте материалы
Совет от Скота Мичема Вуда (Scot Meacham Wood)
Один из главнейших аспектов любого дизайн-проекта — это связь между элементами. В нашем дизайн-бюро мы всегда всегда стремимся создать интересный эффект с помощью текстиля — не только сочетая узоры, но и создавая оригинальные миксы из самих материалов. Попробуйте наложить друг на друга кожу и шелк или шерсть и лен — это «взбодрит» вашу комнату.
Стремитесь к минимализму
Совет от Кенделла Вилкинсона (Kendall Wilkinson)
В прошлом была тенденция излишне наполнять помещения; сейчас мы предпочитаем идею «меньше значит больше». Поэтому вещи, которые мы используем в интерьерах, должны быть неотразимы и хорошо организованы и в целом должны активно работать на интерьер. Как однажды сказала Коко Шанель, «женщина, надев платье, должна снять один аксессуар». Я считаю, что подобное справедливо и для интерьеров.
Яркий акцент на потолке
Совет от дизайнеров студии Масукко Ворнер Миллер (Massucco Warner Miller)
Цветные потолочные светильники добавят неожиданный яркий всплеск любой комнате. Иногда это становится акцентом, который помогает связать воедино всю комнату, или же прием помогает отразить цвет пола — как бы вы его не использовали, это всегда хит!
Покрасьте стены
Совет от Хлои Редмонд Ворнер (Chloe Redmond Warner)
О, краска! Этот фрукт висит низко, только руку протяни, но какое воздействие цвет способен оказать на интерьер! Для более утонченного впечатления от комнаты, попробуйте выкрасить стены в темные оттенки, например в темно-бежевый цвет камня или загадочный синий. Эти цвета поддержат практически любой акцентный цвет или узор, а белые элементы на их фоне будут выглядеть скульптурно. Еще для интересного эффекта можно покрасить предмет мебели в несколько разных оттенков одного и того же цвета.
Сила в коллекциях
Совет от Селери Кембл (Celerie Kemble)
Если задуматься о декораторской идее, которая окажет большое влияние на комнату, на ум приходит использование объемного искусства, подборок или коллекций, которые добавят интереса и сентиментальности и разрушат повсеместную прямоугольность стен. Например, мы украшали стены связками устричных ракушек и коллекцией винтажных галстуков, кораллами, вазами, старинными игрушками, семейными реликвиями и так далее.
Создавайте узоры краской
Совет от Элисон Блум (Allison Bloom)
Используйте краску, чтобы создать текстуру или узор. В комнате, которая кажется плоской из-за множества одинаковых прямых поверхностей или направленных в одну сторону плоскостей, краска ваш самый верный союзник. Она стоит недорого и помогает сделать быстрое преображение. Ключевой момент — думать творчески. Создайте узор с помощью трафарета или наймите художника, чтобы перенести ваше видение на стену.
Не забывайте о молдинге
Совет от Палмера Вейса (Palmer Weiss)
При окрашивании стен не забывайте про плинтус и молдинг! Если вы оформляете стену обоями, подберите молдинг в тон фону обоев для визуального их объединения или контрастного цвета для создания привлекающего внимание акцента. Еще один прием: покрасить все стены в комнате в один цвет от пола до потолка и использовать скульптурный гипсовый молдинг, как в старой Европе. Внимание к отделке моментально повысит статус помещения.
Сделайте перепланировку привычкой
Совет от Вила Вика (Will Wick)
Не бойтесь переставлять свою мебель. Каждые пару лет мы с женой разбираем наш интерьер и пересобираем заново, в корне меняя расположение мебели и декора. Ощущение, как будто перебрался в новый дом.
Источник: onekingslane.com
Советы дизайнера интерьера видео:
Фотографии: deringhall.com, ruemag.com, freshdesignpedia.com, ladolcevitablog.com
советы дизайнераПростые и полезные советы по дизайну
Простые и полезные советы по дизайну
Количество и качество!
На протяжении всей жизни вы слышите высказывание «качество по количеству». В большинстве случаев это хороший совет. Но не в мире дизайна.
Чтобы быть точной, это не повод, чтобы показать 10 средних проектов. Это означает, что вместо того, чтобы показывать один дизайн, который, как вы считаете, является идеальным, показать 3 прекрасные идеи. «И»в названии этого раздела важно – мы пытаемся найти баланс и поставить на все.
Время для реального примера: большинство проектов начинаются со списка требований к продукту. Люди, которые придумывают требования, обычно имеют представление о том, как продукт должен выглядеть. Количество и качество вступают в игру, когда есть разные мнения о реализации. Лучший способ сохранить движение проекта – показать как минимум два примера:
- То, что они просили
- Ваше предлагаемое решение
Даже если вы знаете, что вариант 1 не будет работать в вашей голове, показать первоначальный дизайна очень важно. Заинтересованные стороны не будут удовлетворены, пока они не смогут увидеть свои недостатки. Как правило, окончательным результатом будет микс из двух концепций, но это лучше, чем выполнение дизайна, с которым вы не согласны.
Презентация – это всё!
У вас может быть лучший в мире дизайн, но если вы не знаете, как объяснить проблему, и почему ваши дизайнерские решения решают данную задачу, дизайн никогда не будет одобрен. Контекст – это король, когда речь заходит о передаче вашей идеи или концепции другим.
Есть два простых шага, которые помогут вам подготовить отличную презентацию:
- Сделайте свое исследование: Соберите скриншоты о том, как другие решили подобные проблемы. Источники могут включать ваших конкурентов и известных лидеров дизайна.
- Покажите людям весь процесс проектирования, доведя до окончательной концепции. Это поможет всем понять, что вы рассмотрели множество различных вариантов и не пришли к вашему решению произвольно. Если все будет хорошо, заинтересованные стороны увидят недостатки во всех проектах, ведущих к окончательному дизайн.
Если все, что вы делаете, показывает ваш окончательный дизайн без предоставления контекста, люди могут не понимать, как вы пришли к вашему выводу, и попросят вас изучить другие подходы.
Постоянное обучение! Никогда не будьте удовлетворенным!
Это очень важно для меня и является значительной частью творчества. Я всегда уделяю первоочередное внимание изучению новых навыков – все, что мне нужно, продолжать расти как дизайнер.
Я никогда не оправдываю, что люди слишком заняты, чтобы учиться, потому что почти каждый у человека есть свободное время в какой-то момент дня. Все сводится к тому, чем вы заняты в это свободное время.
Я не хочу доходить до точки в моей карьере или жизни, когда у меня возникает ощущение, что больше нет места для роста или обучения. Вот почему я постоянно стремлюсь развивать новые навыки, как только появляется свободное время
Что и вам советую..
Нет трендам
Модные слова, рисунки, одежда и так далее – вот что такое тренд. Они, без сомнения, вымрут. Я стараюсь избегать включения недолговечных тенденций и в жизни, и в дизайне.
Подведем итог:
Вот ключевые вымыслы, которые вы должны запомнить.
- Качество по количеству не достаточно хорошее выражение в мире дизайна, вам нужно быть отличным дизайнером.
- Всегда следите за тем, чтобы вы объясняли проблемы, которые вы решаете, и аргументировали свои проекты как можно более четко, чтобы ваши проекты продвигались.
- Используйте все возможности для изучения новых навыков.
- Есть время и место для модных дизайнов и слов, но это не лучшее решение большинства проблем.
полезные советы специалистов, примеры дизайна
Самые грязные строительные работы рано или поздно заканчиваются, и наступает более приятный этап, когда необходимо браться за дизайн интерьера. Вот здесь у человека появляется возможность в полной мере проявить свою фантазию и талант. Если возникают некоторые сложности с выбором, в интернете всегда можно найти уже готовые дизайнерские проекты, из которых можно почерпнуть много интересных задумок. Хотя в любом случае, не будут лишними некоторые рекомендации опытных специалистов.
В первую очередь, постарайтесь проявить во время покупки все свои способности объемно мыслить. Когда вы выбираете краску или обои, очень сложно представить себе, как они будут смотреться на большой стене. Бывают ситуации, когда человек выбрал в магазине подходящую краску, покрасил в доме стены, но ему не понравился цвет. Чтобы такого не произошло, необходимо сначала приобрести пробник, к примеру, один литр краски. Этого будет вполне достаточно, чтобы выкрасить хотя бы часть стены и оценить, нравится ли вам этот оттенок или нет. Если все хорошо, то можно идти в магазин за оставшейся краской, если же нет, тогда можно провести новый эксперимент, но уже с другим оттенком краски.
Стоит также учитывать, что оттенок может отличаться, в зависимости от:
- интенсивности освещения,
- вида освещения.
К примеру, при солнечном свете глаз будет воспринимать оттенок в одном виде, при освещении лампой – в другом.
Выбирая краску для ремонта, обязательно учитывайте, из какого материала сделано напольное покрытие. Многие люди тратят большие деньги на шикарный интерьер при том, что на полу лежит обычный линолеум. Подобное сочетание будет неоправданным и не логичным. Обращайте особое внимание на назначение комнат. К примеру, в спальне более предпочтительны постельные тона, которые расслабят и успокоят после тяжелого дня. В гостиной можно немного пофантазировать, чтобы заинтриговать гостей своего дома. Для кухни лучше покупать стойкую краску, которая будет легко мыться, но не смываться при воздействии на нее моющих средств. Нужна будет стойкая краска и в ванной комнате.
Вопреки общепринятому убеждению, потолки не обязательно должны быть белыми. Современные дизайнеры рекомендуют делать их в тон со стенами, но темные тона все же стоит исключить. Конечно, комната со светлыми стенами и темным потолком будет смотреться оригинально, но не все поймут такое решение.
Скрыть небольшие неровности на стене позволит матовая краска. Но с другой стороны она трудно моется и пачкается сильнее, чем, к примеру, глянцевая или полуматовая. Лучше всего выбирать краску для ремонта в специальных студиях, которые позволяют оценить все варианты воочию при помощи специальной программы. Тем более что здесь полностью исключена возможность нарваться на подделку.
- ВКонтакте
Чтобы узнать цену — звоните 7 (800) 775-37-92
Советы по графическому дизайну для не-дизайнеров
Мы знаем, графический дизайн с нуля — работа сложная. Сочетаются ли цвета? Подходят ли шрифты? Правильно ли составлена композиция? Вы — новичок? Давайте признаем тот факт, что не все ходили в школу искусств, но это ни в коем случае не значит, что вы не сможете быть дизайнером! Эта статья представляет собой подборку простых советов по графическому дизайну, которые вы легко освоите и сразу же повысите свои навыки дизайна.
Считайте это ликбезом по предмету, своего рода экспресс-курсом, после освоения которого вы сразу же сможете применять полученные знания на практике. Если вы создаете иллюстрации для соцсетей, блогов или рекламы, то знайте: вам не нужна степень по графическому дизайну, нужны лишь правильные инструменты и знание основ. У нас хорошие новости — в нашей статье есть и то, и другое. Итак, 10 советов по графическому дизайну для не-дизайнеров:
Совет № 1: Всегда помните, для кого вы создаете графический дизайн
Как и любой другой проект, ваши графические работы нацелены на конкретную аудиторию. Всегда помните о ней. Полезно держать в уме представление о конкретном человеке — что-то вроде концепции «идеального читателя» при написании текстов. Это позволит вам разрабатывать дизайн целенаправленно, в точном соответствии с нужной вам аудиторией.
Ведь если вы проводили базовые изыскания, то знаете демографические параметры своей аудитории. В дизайне контекст имеет большое значение. Вы же не хотите создать нечто вычурное и гламурное для подростковой аудитории или что-то сверх актуальное и модное, чего не поймут люди постарше.
Помня о целевой аудитории, вы разрабатываете дизайн, который зацепит людей за живое и будет им понятен. Так вы сможете сразу сориентироваться, выбрать более согласованный общий стиль и даже подобрать правильную цветовую гамму, о которой мы и поговорим в следующем пункте.
Совет № 2: Экспресс-курс по теории цвета
Выбирая цвет среди множества оттенков, тонов и бесконечного разнообразия их сочетаний не сложно растеряться. Однако существуют действительно простые инструменты, которые помогут вам с выбором цветовой гаммы. Например, если вы не можете определиться с цветовой палитрой, на помощь вам придет Coolors — продолжайте нажимать на пробел, пока не подберете нужное сочетание цветов.
Ну а если чувствуете себя чуть более уверенно, попробуйте Cohesive Colors. который позволяет загружать изображение и подбирать к нему подходящие цвета. Так что, как видите, не нужно быть выпускником школы искусств, чтобы изучить основы теории цвета!
Совет № 3: Crello как обучающий инструмент графического дизайна
Если в дизайне вы совсем еще новичок, попробуйте Crello. Этот упрощенный графический редактор предназначен не только для создания дизайна с нуля, но и может послужить источником идей — ведь в нем вы найдете готовые шаблоны от профессиональных дизайнеров.
Воспользуйтесь бесплатными шаблонами — они помогут вам прочувствовать, как работает композиция, какие шрифты сочетаются лучше всего, и какие типы визуальных материалов стоит использовать в своих работах. Создать дизайн в Crello действительно просто — работа будет готова всего за несколько кликов.
Совет № 4: Собирайте фотографии
Для создания дизайна вам понадобятся красивые дополняющие фотографии или иллюстрации. Наши тематические коллекции послужат вам отличным источником вдохновения и идей. Если вы частый гость на Depositphotos, то знаете, что понравившиеся изображения можно собирать в папку «Избранное», чтобы в будущем использовать их в своих работах.
В Crello тоже есть коллекция бесплатных фотографий в закладке «Фотографии» — «Бесплатные фотографии». Каким бы методом вы ни воспользовались, лучше сохранить изображения, которые пришлись вам по вкусу, чтобы в дальнейшем, во время работы над дизайном, вам было из чего выбирать.
Совет № 5: Порядок, выравнивание, пропорции
Безусловно, дизайн должен смотреться аккуратно, и в этом вам поможет специальная функция Crello, которая позволяет легко размещать и выравнивать объекты. Когда вы вручную выравниваете текст или объекты, на экране автоматически появляется макетная сетка. Чтобы дизайн выглядел презентабельно, все его элементы должны быть размещены аккуратно и упорядоченно.
Можно использовать дополнительные элементы дизайна, которые будут сочетаться с текстом. Однако соблюдайте пропорции — следите, чтобы толщина элементов соответствовала жирности шрифтов. Не перегружайте дизайн обилием элементов, постарайтесь сделать его чистым и опрятным.
При создании дизайна необходимо соблюдать визуальную иерархию. Самый большой элемент или самый крупный шрифт будет виден или прочтен первым. Для подзаголовков нужно брать чуть меньший шрифт, и еще меньший — для основного текста. Не бойтесь масштаба. Некоторые шрифты отлично смотрятся в большом размере — они помогут привлечь внимание к самым важным частям текста на дизайне.
Совет № 6: Ограничьтесь 2-3 шрифтами
Одна из самых распространенных ошибок новичков состоит в использовании слишком большого количества разных шрифтов сразу. К счастью, вас всегда выручит золотое правило, которое гласит, что в одной работе можно использовать не более 2-3 разных шрифтов. Так что же тут может пойти не так, правда? Но иногда даже выбрать два шрифта — сложная задача! Советуем прочитать небольшую статью о сочетаемости шрифтов, которая вам пригодится.
Знаете, почему стоит ограничить себя в количестве разных шрифтов? — Они будут тяжело восприниматься на глаз. В идеале, и для заголовков, и для подзаголовков, и для основного текста лучше использовать шрифты из одного семейства. Не перескакивайте со шрифта на шрифт, поскольку это может выглядеть непрофессионально.
Совет № 7: Не забывайте о визуальной иерархии
Несмотря на то, что эта тема весьма обширна, ее легко понять, если представить общую композицию в виде иерархии. Самый визуально доминирующий компонент (объект на изображении, элемент текста или дизайна) должен быть самой важной частью вашего послания. Именно к нему будет в первую очередь обращен взгляд зрителя.
Чтобы проверить, все ли вы делаете правильно, спросите мнение другого человека! Хватайте ближайшего к вам коллегу и спросите, на что они смотрят в первую, во вторую и в последнюю очередь — в зависимости от того, сколько у вас в дизайне текста и различных элементов. На этом этапе очень важно поэкспериментировать с размером, шрифтами и наложением цвета.
Совет № 8: Осваиваем наложение цвета
Самый простой способ выделить шрифт — воспользоваться наложением цвета. Можно наложить цветной слой на часть изображения, а можно и на всю картинку целиком. Избегайте слишком ярких цветов и постарайтесь подобрать прозрачность цветного слоя, чтобы он смотрелся более органично.
Если вы в тупике и не совсем уверены, какие цвета взять для наложения цвета на изображение, воспользуйтесь инструментами по подбору цветовой гаммы, о которых мы говорили чуть выше. Наложение цвета сделает текст более читабельным и, кроме того, композиция станет визуально интереснее.
Совет № 9: Используйте пустое пространство
Многие не-дизайнеры очень неохотно оставляют чистое пространство на дизайне или иллюстрации. «Подождите, как же так, разве не нужно чем-то заполнить это пустое пятно», — рассуждают они. Не бойтесь намеренно оставлять пустое пространство на изображении. Вы же знаете, и мы знаем, что иногда меньше — значит больше.
Принимая взвешенное решение оставить пустое место, вы как бы говорите зрителям, что хотите обратить их внимание на другие более важные аспекты вашего дизайна.
Ну а если начнете заполнять это пустое пространство, то все закончится тем, что у вас выйдет крайне перенасыщенное, можно сказать, беспорядочное и трудно воспринимаемое изображение. Ну а беспорядок в дизайне никому не нужен.
Совет № 10: Чем проще, тем лучше
Познакомившись со всеми доступными вам инструментами, их эффектами, фильтрами и крутыми функциями, вы, возможно, захотите сразу же все их использовать. Сделайте над собой усилие, воздержитесь от этого соблазна. Если начнете добавлять слишком много ненужных элементов, ваши работы потеряют баланс. Вы же помните, каждый элемент, который вы добавляете в композицию, должен иметь свое осмысленное назначение.
Да-да, абсолютно все, что вы вносите в дизайн, имеет значение — независимо от формата, для которого он создается. Поэтому лучше сохранять простоту и позволить взгляду зрителя оценить все мелкие детали и общую картину, которую они формируют. Это не означает, что вы не можете использовать разнообразные элементы, однако пользуйтесь ими умеренно — дайте зрителю визуальную передышку, а не перегружайте его излишними деталями.
И в заключение: последовательность — ключ ко всему
Ну и наконец, главное в использовании этих советов то, что вам нужно понимать и уметь обосновывать свой выбор шрифтов, элементов дизайна, изображений и других деталей. Именно тогда ваша работа будет иметь цель и смысл. Если вы будете помнить и учитывать это в работе, то сможете поддерживать согласованность и последовательность при создании нескольких дизайнов, например, для серии публикаций в блоге, соцсетях или рекламных объявлений.
Вы наверняка скажете, что наши советы по графическому дизайну освоить не сложно. Да, как только вы поймете важность отдельных частей дизайна, их функции и значение, то еще ближе подойдете к эстетически красивой композиции, причем создадите ее вы сами — не-дизайнер с, казалось бы, отсутствием каких-либо навыков. Удачи!
Related Articles
Дайджест блога Depositphotos
Присоединяйтесь к сообществу из 160,000 читателей, которые раз в месяц
получают подборку креативных фото, полезных советов и интересных историй.
15 советов по графическому дизайну для начинающих и не дизайнеров
Хороший набор советов по графическому дизайну всегда пригодится, если вы начинающий графический дизайнер или даже не являетесь дизайнером и хотите научиться некоторым практическим навыкам графического дизайна.
В этой статье мы поделимся 15 наиболее практичными советами по графическому дизайну для начинающих и недизайнеров.
Начнем.
15 советов по графическому дизайну для начинающих и не дизайнеров
Не являясь дизайнером, вы можете обнаружить, что ваши проекты выглядят не так безупречно и профессионально, как вам хотелось бы.Но не волнуйтесь, мы прикроем вашу спину.
Ниже мы собрали список лучших советов и приемов по графическому дизайну, которые помогут вам создать более привлекательный дизайн в кратчайшие сроки — даже без опыта дизайна.
Совет № 1. Будьте проще.
№. Первый и самый важный совет по дизайну для тех, кто не является дизайнером, и для начинающих дизайнеров — не усложняйте его. Нет ничего хуже, чем ошеломляющий дизайн, который трудно понять.
Чтобы все было просто, подключитесь к своему внутреннему минималисту.Используйте минимальное количество текста и шрифтов, держите цвета под контролем и визуальные эффекты сбалансированными.
Взгляните на шаблон флаера ниже.
Это просто, но привлекательно. Несмотря на то, что используется не так много элементов, живой фон и жирные шрифты делают свое дело.
Секрет хорошего дизайна не в том, чтобы впихнуть в свой дизайн как можно больше графики и элементов.
Это достижение баланса между эстетической привлекательностью и четкой и эффективной передачей вашего сообщения.
Совет № 2. Используйте единую цветовую палитру.
Цветовые палитры и цветовые схемы так же важны, как и сообщение, которое вы хотите передать своим дизайном. Однако подобрать идеальное сочетание цветов не всегда просто.
К счастью, готовые цветовые палитры легко найти. Visme имеет средство выбора цветовой темы как часть ваших инструментов редактирования. Просто просмотрите цветовые темы и попробуйте их.
Отличный способ создания цветовых палитр — извлечение цветов из изображения.Вы можете сделать это в редакторе Visme, нажав на палитру цветов, а затем на знак плюс. Загрузите свое изображение, и у вас будет новая цветовая палитра для работы.
Для более подробного извлечения цветовой палитры мы рекомендуем вам использовать Adobe Color, веб-сайт, который предоставляет вам несколько цветовых палитр из любого изображения.
Совет № 3. Держите типографику под контролем.
Искусство выбора шрифтов имеет плохую репутацию в мире дизайна среди недизайнеров. Легко почувствовать себя ошеломленным выбором различных шрифтов, доступных в Интернете.
Мало того, вы должны знать, как сочетать шрифты в дизайне, чтобы он выглядел цельным и приятным.
Отличный способ избежать стресса, связанного с миллионом комбинаций, — это использовать проверенные пары. Профессиональные дизайнеры также любят новые и красивые шрифты, но если вы спросите их, они скажут вам, что большую часть времени они используют лишь несколько классических шрифтов.
Источник изображения
Одним из простых практических правил, если вы хотите создать пары с разными шрифтами, является использование одного нового шрифта для заголовков и обычного классического шрифта для всего текста.Ниже приведен отличный ресурс, который поможет вам сэкономить время при подборе шрифтов, коллекции и проверенных комбинаций для разных случаев.
Вы даже можете использовать только одно семейство шрифтов и создать пару его разных начертаний. Например, жирный шрифт Montserrat для заголовка, обычный шрифт Montserrat для текстовых блоков и курсив для подзаголовков.
Совет № 4. Рассмотрите визуальную иерархию.
Визуальная иерархия заключается в придании визуальной важности одним элементам по сравнению с другими.Проще говоря, заголовки больше, чем подзаголовки, а они, в свою очередь, больше, чем блок текста.
То же самое относится к изображениям, графике, значкам и даже цветам. Когда вы используете правила визуальной иерархии, вы обращаете внимание на фокус дизайна. Это создает визуальный баланс, который затем запускает визуальный поток информации для зрителя.
Визуальная иерархия — это навык, который некоторым людям дается легко, но для других ему нужно учиться. В нашем блоге есть отличная статья, которая поможет вам лучше понять визуальную иерархию.
Совет № 5. Экономьте время с помощью шаблонов для социальных сетей.
Социальные сети — это одна из сред, где графика должна создаваться постоянно и регулярно. Нет лучшего способа сэкономить время, чем использовать готовые шаблоны.
Менеджерам социальных сетей приходится работать с таким количеством разных каналов с разными требуемыми размерами. К счастью, есть шаблоны для каждого канала и любого размера.
Найдите идеальный шаблон для своей следующей публикации в социальных сетях!Просмотреть сейчас
Внутри Visme вы можете выполнить поиск по социальному каналу, типу или теме, чтобы найти нужные вам шаблоны.
Однако шаблоныдоступны не только для социальных сетей. Visme предлагает шаблоны для презентаций, инфографики, отчетов, приглашений, резюме и многого другого.
Совет № 6. Всегда используйте пробелы.
Белое пространство не совсем «белое». Пробел означает, что есть пустое пространство без текста или элементов на нем.
Это область дизайна, где он «дышит». Это одна из дизайнерских техник, освоить которую сложнее, чем другие.
Источник изображения
Хороший способ научиться использовать пустое пространство — изучить минималистский дизайн. Это движение основано на идее, что «меньше значит больше», и вам нужно только самое необходимое на графике.
Другое использование пустого пространства называется негативным пространством. Это техника, в которой пустые места рассказывают больше истории, чем на заднем плане или между другими элементами.
Совет № 7. Используйте согласованные элементы дизайна.
При добавлении элементов дизайна в проект они должны иметь единый стиль.Это относится ко всем графическим элементам; от значков до виджетов данных, иллюстраций, анимации и даже стилей шрифтов.
Например, используйте все значки линий вместо комбинации линий и 3D.
Комбинируйте квадраты с закругленными углами с другими изогнутыми элементами. Прямые угловые формы с прямыми линиями. В качестве альтернативы, нарушайте правила и смешивайте кривые с прямыми линиями, пока вы сохраняете сплоченную текстуру и цветовую палитру.
Совет № 8. Оптимизируйте читабельность.
Еще один отличный совет: всегда делайте текст легко читаемым.Это относится к тому, как вы накладываете текст на фон, к цветам и шрифтам, которые вы используете для заголовков, и к тому, как элементы соотносятся с текстом и потоком дизайна.
Выберите лучший шрифт для своего проекта, который не только соответствует вашему сообщению, но и легко читается. Он должен легко читаться на фоновом изображении или текстуре.
Сделайте все, что в ваших силах, чтобы контекст в вашем дизайне был легко читаемым и понятным. Это относится как к фактическому тексту, так и к визуализациям, таким как диаграммы и виджеты данных.
Совет № 9. Используйте интервалы.
Хорошее расстояние — один из самых важных инструментов для создания сбалансированных композиций. Вы найдете пробелы на полях, между фигурами, абзацами, строками, словами и даже между буквами.
Пространство — это, по сути, белое пространство, как мы упоминали выше. Разница в том, что в данном случае он, как правило, помогает вам выравнивать элементы, сохранять их баланс и дополнять друг друга.
Например, сеткииспользуют определенные размеры интервалов для создания основы для любого дизайна.Вы можете узнать больше о сетках и интервалах в статье ниже.
Совет № 10. Инфографика может быть любого размера.
В какой-то момент своего пути в дизайне вы столкнетесь с необходимостью создания инфографики.
Большинство инфографики в социальных сетях длинные и вертикальные, благодаря Pinterest и блогу с инфографикой. Но этот совет касается того, что не вся инфографика должна иметь такие размеры.
Инфографика может быть квадратной, горизонтальной, печатной, интерактивной или большой, как стена.Выбор зависит от того, какой тип контента вам нужно визуализировать и где он будет опубликован.
Длинную вертикальную инфографику для поста в блоге можно даже разрезать на блоки и размещать по всему контенту.
Совет № 11. Учитывайте психологию цвета.
Далее в списке мы говорили о цветовых палитрах и цветовых темах. Но это еще не все, что вам нужно знать о цвете. Когда вы выбираете цвета для своего дизайна, подумайте, что каждый цвет представляет в эмоциональном и культурном смысле.
Дизайн с насыщенными смелыми цветами по сравнению с мягкими пастельными тонами вызывает у зрителя различные эмоциональные реакции. Подумайте об эмоциях, которые вы хотите изобразить, и используйте цвета, которые это отражают.
Цвета на цветовом круге можно по-разному комбинировать с цветовыми гармониями. Поиск идеальной цветовой гармонии для вашего проекта поможет вам улучшить дизайн.
Психология цвета — это навык, который вам следует освоить, если вы планируете использовать дизайн в маркетинге и продажах. У нас есть отличная статья об этом в нашем блоге, которую вы должны добавить в закладки для дальнейшего использования.Нажмите на ссылку ниже, чтобы прочитать ее.
Совет № 12. Узнайте заранее необходимые размеры.
Никогда не начинайте проект, не зная точно, какого размера он должен быть. Несмотря на то, что вы можете изменить размер позже, вам придется все перенастроить, чтобы он соответствовал новому размеру.
Например, если вам нужно создать презентацию, не начинайте с вертикального размера инфографики. Точно так же при создании набора постов в Instagram убедитесь, что они квадратные, горизонтальные или портретные со следующими оптимальными размерами.
Размеры измеряются двумя способами; длина и ширина в пикселях и соотношение сторон. И то, и другое важно знать при проектировании.
Соотношение сторон — это отношение размера к ширине рисунка, оно может иметь разные числовые значения, но всегда будет иметь одинаковую форму.
Графика для социальных сетей, например, должна быть создана с определенным соотношением сторон, но размеры могут различаться в зависимости от того, насколько детализирован ваш дизайн.
Совет № 13. Знайте, какой тип файла вам нужен при загрузке.
Точно так же, как вам нужно заранее знать размер вашей графики, вам также нужно знать тип файла, который нужно загрузить, когда вы закончите. Например, вам нужен JPEG для веб-изображения, PNG для вырезанного дизайна с прозрачным фоном?
Или, может быть, вам нужен файл HTML5 с анимацией и интерактивностью. Проанализируйте, что вам нужно, прежде чем начать, чтобы вы могли разработать соответствующий дизайн.
Затем загрузите то, что вам нужно, а также любые опции, которые вам могут понадобиться. Интерактивная инфографика будет отлично смотреться в блоге, но для Pinterest вам понадобится статическая версия в формате JPEG.
С Visme у вас есть много вариантов загрузки. От обычных JPEG до печатных PDF, анимированных GIF и видео.
Совет № 14. Будьте организованны.
Быть организованным во время проектирования так же важно, как выбирать правильные шрифты и цвета. Когда у вас есть все ресурсы, готовые к использованию, вы экономите время и можете больше сосредоточиться на творчестве.
Если вам нужно добавить изображения, значки или визуальные элементы в инструменты дизайна, убедитесь, что вы сделали следующее:
- Назовите файлы, чтобы их было легче распознать
- Создайте главную папку для вашего проекта
- Если возможно, создайте подпапки с типами активов
Новая панель инструментов Visme поможет вам оставаться организованным благодаря лучшему расположению папок и их маркировке.
Совет № 15. Доверяйте процессу проектирования.
Наконец, в списке советов по графическому дизайну для начинающих и не дизайнеров стоит доверять процессу проектирования. Под этим мы подразумеваем следующее: не прыгайте с обручей и не срезайте углы при разработке чего-либо.
Ниже приведен процесс проектирования, который мы создали для вас. Когда вы доверяете процессу проектирования, у вас больше шансов создать успешный дизайн.
Ищете лучший инструмент дизайна для недизайнеров?
Вы ищете лучший инструмент дизайна для не-дизайнеров? Возможно, именно так вы попали на эту статью в первую очередь.Что ж, ты в хорошей компании.
Как вы, наверное, знаете, существует множество хороших дизайнерских инструментов. От простых графических редакторов для социальных сетей до более надежных дизайнерских платформ с сотнями шаблонов на выбор.
Некоторые из лучших:
- Висме
- Крело
- PicMonkey
- Канва
Теперь, когда вы здесь, почему бы не попробовать Висме? С Visme вы сможете создавать любой тип графики, изучая базовые навыки дизайна.
Наши записи в блогах и видеоуроки помогут вам узнать, как использовать этот инструмент и как объединять элементы для создания целостного и сбалансированного дизайна.
Часто задаваемые вопросы (FAQ)
Если вы новичок в дизайне, у вас наверняка возникнет много вопросов. Ниже мы попытались ответить на некоторые из самых популярных вопросов о графическом дизайне.
Q1. Как я могу улучшить свои дизайнерские навыки?
Улучшить свои дизайнерские навыки несложно, если вы уделяете время изучению и применению новых методов.Объем работы, которую вы вкладываете в это, зависит от того, хотите ли вы работать графическим дизайнером или стать специалистом в области создания графики для маркетинга.
Чтобы еще больше улучшить свои дизайнерские навыки, следуйте видео- и текстовым руководствам. Они помогут вам узнать, как использовать инструменты дизайна, а также как стать лучше в дизайне. Всегда ищите вдохновение для дизайна в Интернете, чтобы поддерживать свой творческий потенциал.
Инструменты, такие как Visme, Canva и Adobe, предлагают простые учебные пособия, которые помогут вам улучшить свои дизайнерские навыки.
Q2. Как научиться дизайну?
В Интернете есть множество разнообразных ресурсов, которые помогут вам самостоятельно изучить дизайн. Но больше всего поможет практика. Чем больше вы используете свои способности, тем большему вы научитесь на этом пути.
Вот самые важные советы по обучению дизайну:
- Учиться на ошибках
- Всегда продолжайте практиковаться
- Следуйте инструкциям по техникам, которых вы еще не знаете
- Запросить отзыв
- Пройдите специализированные курсы по основам дизайна
Q3.Как сделать дизайн быстрее?
Если вы хотите работать быстрее, вам нужно использовать шаблоны! Даже профессиональные дизайнеры используют шаблоны, когда им нужно сделать что-то за меньшее время.
Еще один способ ускорить разработку — использовать проверенные комбинации шрифтов, практичные цветовые темы и предварительно разработанные блоки контента.
Q4. Как получить креативные дизайнерские идеи?
Лучший способ почерпнуть креативные идеи — посмотреть работы других дизайнеров. Начните просматривать такие сайты, как Behance, Dribbble и Pinterest.Веб-сайты таких брендов, как Apple, Anthropologie и Swatch, отлично подходят для вдохновения.
Посмотрите на проектную работу со всех уровней, вы можете получить идеи из чего угодно. Шаблоны также являются отличным источником вдохновения. Постепенно у вас появятся любимчики. Создавайте доски настроения для вдохновения, чтобы отслеживать то, что вы нашли.
Кроме того, вы можете следить за дизайном всего, что видите. Видео, которые вы смотрите, книги, которые вы читаете, продукты, которые вы покупаете, реклама, на которую вы нажимаете.Все визуальное и творческое может быть источником вдохновения.
В5. Как графический дизайнер может быть самоучкой?
Многие графические дизайнеры, как начинающие, так и профессиональные, являются самоучками. В настоящее время с количеством доступных курсов по дизайну легко быть дизайнером-самоучкой.
Все, что вам нужно сделать, это найти курсы и учебные пособия, которые научат вас как основам дизайна, так и подробным методам. Никогда не прекращайте заниматься.
Q6.Какой курс дизайна лучше?
Существуют отличные курсы дизайна для любого уровня карьеры дизайнера. От начальных и базовых курсов до самых продвинутых технических курсов, которые вы только можете себе представить.
Чтобы изучить самые важные основы дизайна, пройдите курс Coursera Design Fundamentals.
Если бы вы спросили нас, какой курс дизайна лучше всего подходит для изучения дизайна презентаций, мы бы назвали наш собственный курс Presentation Guru.
В7.Является ли графический дизайн умирающей профессией?
Графический дизайн вовсе не умирающая профессия. На самом деле, он постоянно развивается. Тридцать лет назад графические дизайнеры перешли от ручной работы по вырезанию и вставке к цифровому пространству. В настоящее время дизайнерам приходится переходить на интерактивный контент и многое другое.
Теперь, когда есть более простые и доступные инструменты дизайна, начинающие графические дизайнеры вдохновляются узнавать больше и развиваться в своей новой карьере.
В8.Сколько времени нужно, чтобы освоить графический дизайн?
Время, необходимое для достижения успеха в графическом дизайне, зависит от способностей каждого человека и времени, потраченного на обучение. Да, некоторые люди от природы более креативны, чем другие, но верно и то, что творчеству можно научиться.
Самый большой трюк, чтобы добиться успеха в дизайне, — это понять и признать, что вначале вы, вероятно, не будете очень хороши. К счастью, у вас есть множество шаблонов и ресурсов, которые помогут вам начать работу.
Q9.Как новичкам научиться графическому дизайну?
Новички могут изучать графический дизайн разными способами. Существуют краткосрочные или долгосрочные курсы, доступные как лично, так и онлайн.
Степени бакалавратакже доступны онлайн. Есть легкий доступ к инструментам разной мощности, для дизайна в разных стилях. Начинающим легче, чем когда-либо, научиться графическому дизайну.
В10. Какое программное обеспечение для графического дизайна самое простое в использовании?
Visme — одно из самых простых программ для проектирования, доступных в Интернете.Он обладает многими характеристиками самых дорогих инструментов, но гораздо проще в использовании.
Он отлично подходит для начинающих, потому что профессионально разработанные шаблоны помогут создать удивительный дизайн без каких-либо дизайнерских навыков.
11 мощных советов по графическому дизайну
Если вы новичок, скорее всего, вы ищете эффективные советы по графическому дизайну, которые помогут вам быстро улучшить свои навыки и понять отрасль.Возможно, в течение многих лет вы не до конца понимали, чем занимается графический дизайнер. Или, может быть, вы не осознавали, что это обширная область, которая охватывает все, от чашки утреннего кофе в вашей руке до мобильного приложения, которое вы используете для отслеживания своих привычек сна, и почти всего, что между ними.
Дизайнеры создают бренды и опыт, рекламу и публикации, физические пространства, цифровые пространства, анимацию и бесконечный список других вещей. Дизайн напрямую влияет на нашу жизнь и может изменить мир к лучшему.Никогда не было более захватывающего времени для изучения графического дизайна, будь то онлайн или лично.
Теперь вы можете подумать про себя, что делает дизайн хорошим? И как я могу добиться этого для себя, новичка? Графический дизайн не может быть упрощен до простого уравнения. Не существует «1+1 = отмеченный наградами дизайн». Если бы это было так, мы не были бы вдохновлены творческим блеском Паулы Шер, и нам бы не приходилось думать о Йозефе Мюллер-Брокманн каждый раз, когда мы видим чистое, швейцарское использование базовой сетки.
Тем не менее, хорошая новость заключается в том, что в графическом дизайне есть очень простые для понимания принципы, применение которых может означать, что даже самые ранние новички или даже не дизайнеры смогут добиться успешного дизайна. Прочтите 11 мощных советов по графическому дизайну, которые помогут вам добиться большего эффекта в вашей работе, независимо от того, насколько вы опытны.
1. Создайте мудбордСоздайте доску настроения с вдохновляющими проектами, которые передают внешний вид и ощущения, похожие на то, что вы хотели бы создать в своем дизайне.Это могут быть такие элементы, как шрифты, цветовые палитры, стили изображений или иллюстраций и, что важно, ссылки на макеты, имеющие отношение к аналогичному контексту дизайна.
Собирая различные референсы, вы начнете замечать сходство между ними, что поможет зажечь ваши собственные творческие идеи.
Определенного числа нет, но постарайтесь найти достаточное количество ссылок, чтобы дать вам множество вдохновений, на которые можно опираться. Если вы выберете только один, вы рискуете непреднамеренно скопировать его слишком близко.
Платформы на основе браузера, такие как Pinterest, отлично подходят для создания цифровых мудбордов и поиска вдохновения, а алгоритмы помогут вам найти похожие стили, но убедитесь, что вы проверяете лучшие дизайнерские блоги, чтобы увидеть, что создают лидеры отрасли. Эти замечательные примеры графического дизайна также являются хорошей отправной точкой.
2. Иметь планХудший способ проектирования — это просто зайти в программу и начать «подталкивание пикселей».
Еще до того, как прикоснуться к компьютеру, важно подумать о цели дизайна, о том, что вы хотите, чтобы зритель увидел и усвоил.Начните с нескольких быстрых, грубых набросков, чтобы спланировать свою страницу и место, где будет размещен весь ваш контент, и держите вышеупомянутую доску настроения на буксире, чтобы оставаться вдохновленным.
Взгляните на этот пример альбома для эскизов от Shillington’s Sonny Cancio и помните, что даже самые влиятельные дизайнеры мира, такие как Лэнс Вайман, сначала планировали свои проекты на бумаге. Потратив несколько минут на составление схемы вашего дизайна, вы сэкономите часы на компьютере и, возможно, даже головную боль или два позже.
3.Упростите свой типОдним из наиболее важных аспектов дизайна является ясность, поэтому важно, чтобы мы не жертвовали разборчивостью ради визуальной привлекательности. Если вы сомневаетесь, упростите его, и типографика — идеальное место для начала.
Приступая к новому дизайну, рекомендуется немного поэкспериментировать и найти идеальный шрифт для конкретного проекта, над которым вы работаете.
Посетите вдохновляющий блог, например Type Wolf или Type in Use, чтобы узнать, как другие дизайнеры выбирают и применяют шрифты.Есть также более 900 бесплатных шрифтов, которые можно найти в Google Fonts, что иногда может сделать выбор одного из них непростым делом!
Однако, когда придет время их применять, ограничьтесь сочетанием двух шрифтов в своем дизайне. Еще лучше выбрать одно семейство шрифтов с большим разнообразием насыщенности и стилей, чтобы вы могли быть уверены, что шрифты, которые вы соединяете, будут дополнять друг друга. Например, семейство шрифтов Futura не только представлено в диапазоне насыщенности от Light до Extra Black, но также имеет множество стилей, таких как Oblique и Condensed.
Цвет является одним из наиболее важных элементов дизайна для передачи определенного тона или сообщения.
Поэтому при выборе палитры важно учитывать психологию цвета, а также теорию цвета. Легко начать с цветовой палитры из 1-3 основных цветов, которые дополняют друг друга, а затем использовать разные тона одного и того же цвета для согласованности, регулируя относительную яркость или насыщенность.Это важно для достижения достаточного контраста в вашей палитре. Думайте о каждом цвете как о «громкости» и настраивайте свои тона так, чтобы они не все кричали (или шептались) с одинаковой громкостью.
Также важно поэкспериментировать с пропорциями цветовой палитры и количеством каждого цвета, применяемого к дизайну. Помните, что шрифт меньшего размера требует более четкого выделения на цветном фоне. Вот несколько отличных ресурсов для создания цветовых палитр:
Объединение пространства между элементами вашего дизайна называется «белым» или «негативным» пространством. Пустое пространство может помочь придать вашему дизайну определенный внешний вид. Он может казаться чистым, минималистичным, современным и даже модным.
Если чистота и минимализм не обязательно являются тем, что вы стремитесь сообщить, вы все равно не должны сбрасывать со счетов влияние создания некоторого пространства. Может показаться заманчивым заполнить любые пустые места в вашем дизайне, однако пространство также может быть одним из ваших величайших активов при стратегическом использовании и может помочь в создании фокуса.
Пространство в дизайне — это не просто отсутствие контента, это сам по себе выбор дизайна, который можно использовать для достижения важных принципов дизайна, таких как контраст и иерархия.
Попробуйте создать пространство вокруг элемента, на котором вы хотите сфокусировать внимание зрителя. Например, если это важный заголовок, держите его на расстоянии от остальной части текста, чтобы ваш зритель знал, что нужно сначала прочитать его.
В этом дизайне упаковки для мелкосерийного завода по обжарке кофе Little Wolf используется много места, чтобы привлечь внимание к своему логотипу, а цветная вкладка варианта создает контраст с заполненной иллюстрациями оборотной стороной.Кстати о…
Контраст, без сомнения, является одним из наиболее эффективных принципов дизайна.
Это может быть достигнуто за счет использования размера и масштаба, относительной освещенности или темноты, цвета и использования пространства. Убедитесь, что у вас есть контраст в размере элементов на странице, и убедитесь, что ваши цвета контрастируют по тону или оттенку. Вы можете играть с размером шрифта на странице, а также может быть полезным эмпирическим правилом учитывать контраст при сочетании выбранных вами шрифтов.Некоторые дизайнеры придерживаются в этой области менталитета «иди по-крупному или иди домой» и выбирают в пару шрифты, которые сильно отличаются друг от друга.
7. Обратите внимание на иерархию Приступая к разработке чего-либо, спросите себя: «Какой самый важный элемент моего дизайна?» Проще говоря, на что кто-то должен смотреть в первую очередь?
Иерархия — чрезвычайно важный аспект графического дизайна. Как дизайнер, ваша работа заключается в том, чтобы направлять зрителя по дизайну, поэтому вам необходимо расставить приоритеты элементов в соответствии с их важностью.
К счастью, иерархия идет рука об руку с контрастом, и вы можете легко добиться этого приоритета с помощью масштаба, применения цвета, размера шрифта и выбора шрифта, а также использования пространства.
Самая важная идея дизайна должна оставаться доминирующей, независимо от стиля дизайна или количества других элементов, которые вы используете.
Эти плакаты к ежегодному фестивалю органического вина в трех городах — отличный пример строгой иерархии.На каждом плакате город внутри текст заголовка является наиболее важной информацией, за которой следует название фестиваля и логотип.
8. Выровнять выровнять выровнятьВыравнивание помогает структурировать и упорядочивать дизайн. Без него ваш дизайн рискует выглядеть как плохая игра в тетрис.
Выравнивание таких элементов, как текст, изображения и иллюстрации, обеспечит презентабельный дизайн. Бонус — прямо в программном обеспечении Adobe есть варианты выравнивания и руководства, которые вы можете использовать, чтобы помочь.Всегда следите за тем, чтобы вокруг страницы были поля, и используйте их для выравнивания элементов.
Символизм — не новая концепция. Люди жили с символами на протяжении тысячелетий, начиная с ранних отметок на стенах пещер и заканчивая сегодняшней возможностью вести полноценный разговор с помощью смайликов.
Значок — это небольшое графическое изображение чего-либо, которое может использоваться для обозначения вещей, мест, людей, эмоций и действий.
Иконки часто могут передавать смысл быстрее и за меньшее время, чем настоящие слова. Они могут преодолевать языковые барьеры, могут помочь привлечь внимание к определенной части дизайна и могут занимать гораздо меньше места, обеспечивая то же значение, что и письменные инструкции.
Например, если вы пытаетесь заставить людей подписаться на учетную запись в социальной сети, добавьте мгновенно узнаваемые значки для каждой платформы, чтобы зритель мог сразу определить желаемое действие.
Значки могут быть отличным элементом, чтобы оживить вещи, не добавляя слишком много, если ваш дизайн более простой.При использовании значков убедитесь, что они работают как набор и выглядят одинаково по стилю. Посетите The Noun Project, чтобы найти большую библиотеку бесплатных наборов иконок.
Простые линии — это эффективный способ закрепить элементы дизайна и создать ощущение общего порядка и структуры.
Вы можете использовать линию, чтобы отделить часть контента от остального дизайна, а также привлечь к нему внимание. Например, вы можете использовать тонкую линию выше или рамку вокруг вашей информации о «призыве к действию», такой как логотип и URL-адрес для посещения.Посмотрите этот пример дизайна плаката, чтобы увидеть, как информация нижнего колонтитула использовалась с линией, чтобы помочь визуально отличить его от остальной части страницы.
Вы также можете использовать вертикальные и горизонтальные линии в качестве «разделителей» между различными элементами изображения. В этом случае ощущение разделения элементов способствует ощущению планирования и координации в дизайне и помогает дизайну чувствовать себя более структурированным. Посмотрите, как дизайнер All Call Travel использовал линии для структурирования контента на своем веб-сайте.
Теперь, когда вы проделали всю эту работу и учли все эти важные принципы дизайна, убедитесь, что вы следуете правилам, которые установили для себя, и будьте последовательны в своем дизайне.
Установите правила для размеров и интервалов элементов текста, таких как заголовки, подзаголовки и основной текст, и используйте стили абзацев и символов в Adobe, чтобы легко применять эти правила везде, где появляются эти текстовые элементы.
Убедитесь, что ваши изображения выглядят одинаково.Ищите изображения с одинаковыми тонами цвета или уровнями насыщенности, а также сходствами в том, насколько они детализированы/нагружены или абстрактны/просты.
Будьте последовательны в своих цветовых палитрах и приложениях и повторяйте элементы везде, где это возможно.
Согласованность особенно важна в многостраничных проектах или в случае брендинга, когда бизнес будет иметь более одной точки соприкосновения со своей аудиторией. Дизайн бренда должен быть узнаваем везде, где аудитория может взаимодействовать с бизнесом; на своем веб-сайте, своей визитной карточке, своих каналах в социальных сетях и в своем физическом окружении.
Взгляните на этот брендинг, созданный выпускницей Шиллингтона Джессикой Ди Сципио, чтобы увидеть, как она блестяще использовала свои правила типографики, применение цвета и обработку изображений последовательно для различных предметов обеспечения для музея.
Итак, как вы видите, хотя мы и можем уважать гигантов индустрии, мы также можем создавать успешные собственные проекты, следуя простым принципам графического дизайна.
Как и все остальное, навыки требуют времени для оттачивания и оттачивания.Однако, применяя эти 11 советов по графическому дизайну, даже самые начинающие дизайнеры могут расти, развиваться и, возможно, однажды составить конкуренцию Пауле Шер.
Работа главы Shillington в Великобритании Энди Джадда.
Приглашенный автор Марк Эллис, креативный директор и эксперт по брендингу, рассказывает о том, что вам нужно в вашем творческом наборе инструментов, чтобы добиться успеха в качестве дизайнера.
10 советов по созданию хорошего дизайна в 2021 году | от Premiumuikits | Muzli
Я думаю, мы все согласны с тем, что изображение справа лучше подходит в данном конкретном случае, чем изображение слева.Фотографии в обоих случаях великолепны, но в моем случае я выберу тот, что справа.
Вам не нужно тратить слишком много времени на поиск идеального изображения, если вы отдаете предпочтение удобству использования, а не эстетике, вы все равно на правильном пути. Но почему бы не использовать и красиво одновременно?
Удивительная типографика Бенджамина ОберемокаДетали не детали. Они делают дизайн. Charles Eames
Я хочу, чтобы вы продолжали фокусироваться на деталях.Что еще вы видите, когда смотрите на отличный дизайн? Во-первых, как вы его узнаете? Многолюдно? Конечно, нет. Видите ли вы длинные абзацы, пересекающиеся из стороны в сторону, с множеством стилей шрифта и с плохой видимостью? Думаю, нет.
На первый взгляд, чистый интерфейс хорошо сбалансирован с иерархизированной и видимой типографикой, приятной глазу, которая хорошо передает цель и замысел продукта/услуги.
Правильно построенная типографика предлагает основу для создания гармоничного пользовательского интерфейса .Если возможно, используйте один или два шрифта, чтобы придать вашему тексту непревзойденную читаемость, ясность и согласованность на всех страницах.
У нас есть отличная статья о том, как правильно делать типографику.
Я немного поиграл с макетом, чтобы продемонстрировать разницу между плохой и хорошей типографикой.
Фото предоставлено Велосипеды HimiwayНа фотографии выше мы едва читаем абзац из-за плохой контрастности.Возможно, белый фон под всем содержимым повысит читабельность. Посмотрим:
Это лучше, на мой взгляд. Как видите, небольшое изменение может спровоцировать большую разницу.
Я могу пойти дальше и дать несколько других советов дизайнерам по работе с опечатками, но это сложная тема, поэтому я настоятельно рекомендую эту статью .
BorndigitalДизайнеры часто делают все возможное, чтобы быть в курсе последних тенденций в дизайне, добавляя эту «искру волшебства» в свой макет.Я думаю, что это нормально, если юзабилити не приносится в жертву эстетике.
Существует тонкая грань, которую мы не хотим пересекать при использовании этих графических элементов, которые не служат никакой цели, но создают приятный макет. Мы должны радовать наших пользователей ими, поэтому мы должны держать их «тихими».
Прежде чем добавить эти данные в интерфейс, убедитесь, что:
- Пользователь по-прежнему может выполнять желаемые действия быстро и легко.
- Разработчики могут легко реализовать свой дизайн.
- Эти нефункциональные формы не так заметны и не пересекаются с основными компонентами макета.
- Не злоупотребляйте ими. Мы не хотим отвлекать наших пользователей от основных действий. Будь проще.
По словам Марка Боултона, белое пространство представляет собой пустое пространство между элементами вашего веб-сайта .
Темные элементы пользовательского интерфейса от Яна ХоффманнаВоспользуйтесь своим пространством , предложив ему реальное использование, и не пытайтесь сжать или рассредоточить свой контент . Найдите золотую середину; Белые пространства создают элегантную и спокойную ноту, которая расслабляет глаза, подчеркивая основное сообщение.
Многие дизайнеры тратят свое время на создание одних и тех же компонентов снова и снова в каждом новом проекте.Рассмотрите возможность использования наборов пользовательского интерфейса , чтобы усилить творческий процесс, или создайте собственный набор элементов, которые обеспечивают единообразие на всех страницах и улучшают общий вид.
Вы можете повторно использовать их в будущих проектах, применяя различные стили. Вот как вы создаете набор инструментов.
Используя общие элементы и шаблоны, которые не оставляют скептических чувств, пользователи будут чувствовать себя комфортно и с удовольствием пользоваться вашим продуктом и поощрять своих друзей использовать его. Какое это имеет отношение к чему-нибудь?
Я вижу, как некоторые дизайнеры пытаются изменить основные элементы, такие как, например, кнопки.Кнопка по-прежнему остается кнопкой с прямыми или закругленными углами, покрытой простым цветом или градиентом. Не пытайтесь быть слишком креативным, вы не хотите, чтобы ваши пользователи застряли, задаваясь вопросом, что это за элемент.
Лаборатория Иллюстрация от МатусаХотя я не большой любитель иллюстраций, они довольно причудливы и модны в то время. Я не могу этого отрицать.
Дизайнеры любят создавать все виды иллюстраций, особенно трехмерные, с яркими и яркими или теплыми цветами, которые передают сильное ощущение оригинальности и отличают ваших клиентов от конкурентов.
Зачем их использовать? Вот несколько основных моментов:
- Он привносит тот оттенок уникальности, который отличает вас от других.
- Они веселые и запоминающиеся, а также связывают пользователя на визуально-художественном уровне.
- Общие иллюстрации зажигают весь внешний вид приложения или веб-сайта, вызывая эмоции, радость и, почему бы и нет, улыбку на лицах людей.
- Оказывайте значительное влияние и повышайте удобство работы пользователей.
- Легко настроить
Почему я не большой их поклонник? Несколько причин:
- Они не для всех.Если они плохо спроектированы, шансы стать профессионалом значительно уменьшаются.
- Иногда хорошая фотография передает сообщение лучше, чем иллюстрация, быстрее и дешевле.
- Дизайнеры копируют друг друга, и вы рискуете увидеть, что ваши иллюстрации используются где-то еще или, по крайней мере, их хорошая копия.
- Время создания увеличивается.
Можно читать статьи, туториалы, даже книги, но если много не практиковаться, вся информация забудется.Вы должны стремиться к прогрессу, а не к совершенству.
Не пытайтесь быть перфекционистом, просто старайтесь быть лучше, чем вчера.
Если вы посмотрите на работу любого дизайнера, начните снизу вверх. Вы увидите историю прогресса, тяжелой работы и самоотверженности. Ярлыков нет.
По сути, создать хороший дизайн за месяц невозможно. Работая в нескольких компаниях, я замечал дизайнеров за работой и видел, как они справляются с некоторыми сложными проектами, и знаете что, это всегда приводит к подходу, ориентированному на человека.За каждым приложением стоят люди, а не пользователи.
Непрерывное обучение и практика должны быть постоянными в карьере UX-дизайнера. Делать «хорошую работу» недостаточно. Вам нужно проявить любопытство и бросить вызов себе, выйти из своей зоны комфорта, чтобы стать лучшим дизайнером, которым вы могли бы быть.
Если вам понравилась эта статья, нажмите 👋, чтобы она понравилась большему количеству людей.
Как дизайнеру сохранить творческий подход, работая в режиме многозадачности? Вот что я узнал.
7 способов повысить эффективность работы дизайнера
Как создать руководство по стилю с нуля.Советы и подсказки
30 советов по графическому дизайну, которые профессиональные дизайнеры хотят, чтобы вы знали
11 минут чтенияБыть графическим дизайнером — это гораздо больше, чем кажется на первый взгляд. Это услышать об идее и превратить ее в историю. Что-то, что передаст основную идею и что люди найдут отклик.
Как дизайнер, вы можете творчески рассказать эту историю с помощью цветов, шрифтов, элементов, текстур и всех графических элементов.
Каждый дизайн — это новое, уникальное произведение искусства, рожденное в этом мире, и хотя у вас есть возможность проявить творческий подход и сделать свой собственный выбор стиля, есть несколько ключевых советов и основ графического дизайна, которые должен знать каждый дизайнер.
Именно по этой причине я отправился на поиски и поговорил со многими разными профессиональными графическими дизайнерами и спросил их, какими советами по графическому дизайну они живут и чем бы они поделились со своими коллегами-дизайнерами.
Собрав множество различных мнений и изучив основы графического дизайна, я составил список из 30 советов по графическому дизайну, которые вы можете начать применять в своих текущих и будущих проектах.
30 советов по графическому дизайну от профессионаловИтак, без лишних слов, давайте сразу приступим к изучению методов, которым нужно следовать, чтобы добиться великолепного графического дизайна.
1. Ограничьте количество используемых шрифтовВозможно, это наиболее часто встречающийся совет, который я получил от дизайнеров, с которыми общался. Они настоятельно рекомендуют вам использовать разные шрифты в одном дизайне, но не преувеличивайте и не переусердствуйте.
Вы всегда хотите убедиться, что ваши шрифты хорошо работают вместе, и старайтесь ограничить количество используемых шрифтов тремя или менее. Поэкспериментируйте и поэкспериментируйте со шрифтами, которые у вас уже есть в программном обеспечении, с которым вы работаете, или вы всегда можете загрузить бесплатные шрифты с авторитетных веб-сайтов шрифтов.
2. Измените размер и высоту текста, чтобы он идеально вписался в ваш дизайнВы всегда можете поиграть с текстом, наложенным на изображение.Вы можете увеличить или уменьшить высоту строки и расстояние между буквами, чтобы создать «эффект коробки». На этом изображении вы можете видеть, что высота строки значительно уменьшилась, а размер увеличился в геометрической прогрессии.
Убедитесь, что размещение вашего текста приятно на вид, и постарайтесь добиться симметрии для этого эффекта. Я также уменьшил прозрачность текста, чтобы горы проходили сквозь текст, оживляя цитату.
3. Используйте контрастные шрифты, чтобы выделиться — они составляют идеальную паруЦелью дизайна является привлечь чье-то внимание и показать им то, что вы пытаетесь сказать.Вы можете сделать большое заявление, используя маленькие хитрости, подобные этой. Используйте контрастные шрифты. Например, вы можете использовать жирный шрифт без засечек с курсивным, романтическим шрифтом, чтобы показать людям настроение текста.
4. Не бойтесь действовать по-крупномуВыбирая элементы для своего дизайна, помните: более крупные объекты привлекают больше внимания, чем более мелкие. Если вы используете несколько элементов, убедитесь, что ваш основной объект больше, чем другие, так как глаз вашего зрителя будет автоматически обращен на больший из двух объектов.Масштабируйте все элементы вашего дизайна: текст, элементы, кнопки, 90 504, все 90 505.
5. Отслеживайте свой текст — дайте каждой букве свое личное пространствоВы должны дать каждой букве личное пространство и дать им возможность дышать. Кроме шуток, расстояние между буквами и типографика с кернингом — это очень важно. Это действительно может создать или разрушить дизайн. Некоторые шрифты по умолчанию имеют нечетный интервал между буквами, но, к счастью, вы можете позаботиться об этом и справиться сами, как профессионал.
Увеличивайте или уменьшайте расстояние между буквами в зависимости от ситуации и пробуйте, пробуйте снова, пока не будет выглядеть правильно, и у каждой буквы будет свое идеальное место.
6. Используйте контрастные цвета[источник]
Противоположности притягиваются, и это факт. В нашей природе интересоваться необычным, поэтому использование контрастных цветов в графическом дизайне просто необходимо. Это привлекает внимание, это делает заявление, это впечатляющий графический дизайн.
7. По возможности используйте пробелыКак говорится, меньше да лучше. Иногда вам не нужно добавлять тонны цветов, элементов или шрифтов, чтобы донести ваше сообщение. В частности, я разговаривал с одним дизайнером, и он сказал, что вы должны использовать пустое пространство везде, где это возможно. Когда вы используете пустое пространство, вы избегаете потери сообщения в хаосе и шуме вашего дизайна.
Белое пространство элегантно, просто, но утонченно и красиво.И самое замечательное в этой технике то, что она требует от вас почти меньше работы! Но опять же, когда дизайнер когда-нибудь , а не работает?
8. Будьте последовательны в своем дизайне[источник]
Согласованность — это то, что может объединить все различные элементы вашего дизайна, связать их вместе и заставить работать. В кампании по повышению осведомленности очень важно, чтобы люди начали складывать 2 и 2 и начали признавать ваше дело.Постоянство вызывает интерес у людей.
Так что оставайтесь последовательными в своих цветах. Используйте цветовые палитры в своих проектах, а также размер типографики, интервалы и положение. Когда ваш дизайн последователен, ваш клиент будет счастлив.
9. Используйте плоский дизайн в своих интересах[источник]
Вопреки распространенному мнению, вам не нужно работать бесконечными ночами и часами, чтобы создать фантастический дизайн с использованием сложных 3D-элементов. Плоский дизайн — ваш друг.Помните это. И самое замечательное в плоском дизайне то, что с годами он становится все более и более популярным, что является отличной новостью для начинающего и продвинутого дизайнера.
10. Придайте тексту хорошую структуру[источник]
Используйте инструменты выравнивания в любом программном обеспечении, которое вы используете в своих интересах. Всякий раз, когда вы добавляете текст в свой графический дизайн, обязательно выравнивайте его с другими элементами вашего дизайна, чтобы сделать его визуально приятным.
Выровняв текст и придав ему красивую структуру, вы повысите читабельность вашего зрителя.Кроме того, убедитесь, что ваш текст сведен к минимуму, потому что продолжительность внимания зрителей, к сожалению, может быть очень короткой.
11. Иконы, иконы, иконы[источник]
Используя значки, вы можете привлечь внимание зрителя, когда захотите. Иконки не должны ограничиваться известными логотипами, такими как Twitter или Instagram. Вы можете использовать значки всех видов, чтобы придать дополнительный визуальный эффект. Вы можете создавать свои собственные значки, простые черно-белые или яркие.
Сделайте их плоскими или объемными. Интегрируйте их в свой дизайн, чтобы повысить эстетическую ценность вашего дизайна и улучшить впечатления зрителей, пока они взаимодействуют с вашим великолепным графическим дизайном.
12. Оставайтесь в очереди![источник]
Вы можете не только направить взгляд зрителя в точку фокусировки с помощью значков, но и сделать то же самое с помощью линий в графическом дизайне. Вы также можете создать ощущение разделения с помощью линий.Если у вас минималистичный дизайн, неплохо было бы добавить несколько линий для глубины и вызвать интерес у зрителя.
13. Используйте цветовую палитру[источник]
Что касается постоянства, постоянство цвета ОБЯЗАТЕЛЬНО. Если вы не пытаетесь создать сумасшедший контраст в своем дизайне, то хорошей идеей будет использовать цветовую палитру во всем дизайне. Это будет подсознательно заинтересовывать зрителей, а также очень приятно смотреть.
Любой прохожий остановится, чтобы увидеть то, что вы должны увидеть, даже если ваш дизайн не имеет к ним никакого отношения, просто потому, что на это приятно смотреть. Итак, основная идея здесь в основном: пожалуйста, люди, из любви к хорошему графическому дизайну, используйте цветовую палитру.
14. Создание визуальной иерархии[источник]
Когда дело доходит до графического дизайна иерархии, вам жизненно важно знать, каков порядок важности. Иерархия в графическом дизайне помогает зрителям увидеть четкую схему того, что вы хотите изобразить, и облегчает их понимание.Это важно, потому что средняя продолжительность концентрации внимания, если мы действительно напрягаемся, составляет около восьми секунд. Поэтому вы должны быть уверены, что ваша работа имеет смысл, но при этом интересна.
15. Отрегулируйте уровни изображения и фона, чтобы текст выделялсяКак и на изображении, где мы говорили об использовании нескольких шрифтов, вы можете видеть, что фон в этом графическом дизайне размыт. Всякий раз, когда вы помещаете текст поверх изображения, важно, чтобы ваши зрители могли понять текст, и иногда это означает применение размытия по Гауссу или обесцвечивание фотографии, чтобы текст был читабельным.
16. Всегда думайте о своей основной аудиторииКак часто бывает в жизни, компромисс может быть ответом. Всякий раз, когда вы создаете дизайн, вы должны думать о том, для кого вы делаете дизайн. А иногда это означает выйти из зоны комфорта, чтобы сделать клиента счастливым. И это не всегда плохо; это определенно увеличивает вашу креативность и расширяет ваши возможности.
17. Будьте проще[источник]
Возможно, вы боитесь попробовать минималистичный дизайн, потому что боитесь, что он слишком прост.Но я здесь, чтобы сказать вам, что вы можете иметь минималистский дизайн, не будучи скучным. Оживите свой дизайн, добавив немного цвета или необычный шрифт. Но иногда меньше значит больше, и это добродетель, которой нужно жить.
18. Определите настроение и атмосферуКогда вы создаете свой дизайн, вы должны спросить себя: «Какой тон голоса или атмосфера, которую я собираюсь здесь создать?». Это определит для вас множество вещей, таких как элементы, которые вы собираетесь использовать, цветовую схему, с которой вам нужно работать, и многое другое.Определите настроение вашего дизайна, а затем начните принимать важные решения.
19. Семейства шрифтов хотят быть вместеЕсли вы хотите оживить текст в своем графическом дизайне, но не хотите искать другой шрифт, который будет хорошо сочетаться с тем, который у вас уже есть, то у меня есть для вас решение .
Все, что вам нужно сделать, это использовать варианты в семействе шрифтов. Допустим, вы используете Helvetica в своем дизайне.Все, что вам нужно сделать, чтобы оживить ситуацию, это использовать жирный шрифт его брата Helvetica. Затем его сестра курсивом. Вы видите, к чему я клоню?
20. Излагайте факты[источник]
Прежде чем приступить к разработке чего-то для клиента, проведите исследование. Я не могу не подчеркнуть этого. Оглянитесь на своих конкурентов, посмотрите, что они делают, тогда станьте лучше их.
21. ЖИРНЫЙ ЖИРНЫЙ ЖИРНЫЙВыделяйтесь из толпы и отличайтесь от других — будьте СМЕЛЫМИ .Иногда вам нужно мыслить нестандартно и спрашивать себя, как вы можете быть другим и смелым. Иногда это означает использование контрастных цветов для создания драмы в вашем графическом дизайне, а иногда это означает использование текста, который просто бросается в глаза. Выбор за вами, но какой бы выбор вы ни сделали, сделайте его смелым.
22. Будь другим[источник]
Следовать тенденциям — это абсолютно нормально. Но зачем быть как все, когда вам буквально не обязательно быть таким? Вместо того, чтобы стать таким же, как все, и следовать основным тенденциям, смотрите на тенденции, изучайте их, вдохновляйтесь ими, но привносите в них свой собственный поворот, который выделяет вас и создает узнаваемый контент.
23. ЭстетичностьВы это знаете не хуже меня, эстетика все . Иногда это означает выравнивание текста с фоновым изображением. Так что, если ваше изображение наклонено, то и текст должен быть таким же. При необходимости выровняйте фигуры и объекты. Это даст вам ту эстетическую атмосферу, которую вы и ваши зрители ищете.
24. Будь прозрачнымБудьте прозрачными.Сегодня эта цитата применима не только к вам как к дизайнеру, но и к вашим шрифтам. Иногда вы не хотите, чтобы ваш текст отнимал внимание от изображения, но у вас все еще есть большое, жирное сообщение, которое вам нужно донести.
Вот вам ответ: используйте прозрачные шрифты. Используйте любые шрифты по вашему выбору, а затем просто измените уровни непрозрачности, чтобы по-прежнему видеть текст, но не отвлекать от изображения.
25. Займись этим[источник]
Это один из моих любимых.Эта идея настолько забавна и безумна, что делает меня счастливой. И я уверен, что это настроение подхватят все ваши зрители. Этот шрифт отличается и выводит вас из зоны комфорта.
Вы можете сделать это с любым шрифтом по вашему выбору, набрав отдельно каждую букву, выбрав ее размер и поворот, а затем расположив ее в порядке слова. Определенно, это техника, которую нужно запомнить и которую вы могли бы попробовать в правильном проекте.
26. Запишите свои идеи[источник]
Творчество не всегда удобно, но знаете, что может быть? Блокнот, полный идей.Начните носить с собой небольшой блокнот для рисования и записывайте и набрасывайте свои дизайнерские идеи по мере их появления. Кто знает, может быть, вы будете вдохновлены, пока будете гулять по городу, и вы не захотите упустить шанс записать свою следующую большую идею.
27. Создание дизайна в день для практики[источник]
Каждый день — это новый день для вас, чтобы стать лучше и стать лучше, лучшим дизайнером. Независимо от того, как вы себя чувствуете, с этого дня вам нужно создавать один дизайн в день, независимо от того, насколько он прост или замысловат.Просто запустите свои колеса в голове и дайте волю творчеству каждый день, чтобы вы могли лучше соприкоснуться со своей дизайнерской стороной.
28. Сделайте перерыв, а затем восстановитесь[источник]
Как и в любой жизненной ситуации, можно перегореть. Иногда, когда вы находитесь в зоне, вам нужно выйти на улицу, сделать творческий перерыв и отдохнуть мозгу. Или, может быть, вы находитесь в противоположной ситуации.
Вы сидите за компьютером, а идеи к вам не приходят.Выпейте стакан воды или чашку кофе, выйдите на улицу, чтобы немного прогуляться и зарядиться энергией. Поток творчества вернется к вам. Просто отдохни, а потом вернись. У вас есть это.
29. Создавайте собственные правила[источник]
Для дизайна нет правил. Каждый дизайнер заслуживает право быть самим собой. Очевидно, что вы можете брать советы у других и следовать тенденциям, но вы сами создаете свои творческие правила.Люди будут уважать вашу подлинность, и на этом я перехожу к моему последнему совету по графическому дизайну.
30. Будь собой[источник]
Это абсолютно лучший совет, который может дать вам любой дизайнер или любой человек. Будь настоящим собой! В этом мире ты один, и тебе не нужно быть похожим ни на кого, потому что все остальные уже заняты.
Я надеюсь, что эта статья вдохновила вас и вдохновила на то, чтобы как можно скорее приступить к проектированию!
5 лучших советов по дизайну пользовательского интерфейса, которые должен знать каждый дизайнер | Статьи
В основе успешного веб-сайта или приложения должен лежать дизайн пользовательского интерфейса.Чтобы сделать это, разработчики и дизайнеры должны войти в сознание людей, для которых они проектируют. Ниже приведены некоторые советы по пользовательскому дизайну, которые должен знать каждый дизайнер.
1. Будьте знакомы со своей аудиторией
Вы не можете создать что-то, что удовлетворит потребности вашей аудитории, если вы не понимаете, что это за потребности. Это означает, что исследования пользователей и дизайн пользовательского интерфейса идут рука об руку. Дизайнеры должны иметь своих пользователей в центре внимания, прежде чем приступить к разработке.Это позволит им предлагать ценность людям, которые используют их продукт, и сосредоточить внимание на преимуществах продукта для конечного пользователя, а не на создании ярких функций.
Вам также может понравиться: 4 совета по веб-дизайну, о которых не знает ваш веб-дизайнер
2. Научитесь устранять предвзятость к себе
Одна из ловушек, в которую попадают дизайнеры, заключается в том, что они думают, что только потому, что им нравится, как работает их приложение или веб-сайт, их пользователи будут чувствовать то же самое. Дизайнеры слишком близки к тому, над чем они работают.И их глубокое знание того, как то, что они разрабатывают, создает слепые зоны для потенциальных проблем юзабилити.
Ключ к тому, чтобы избежать ложного сознания, состоит в том, чтобы дизайнеры помнили, что они не являются пользователями. Пользователи будут иметь уникальную перспективу, опыт, образование и цель. Юзабилити-тестирование является ключом к точному пониманию того, что пользователи требуют от продуктов, которые они покупают.
Вам также может понравиться: 10 принципов веб-дизайна, которые должен знать каждый дизайнер
Дизайнеры должны понимать, что их друзья и семья не обязательно являются пользователями.Друзья и семья предвзяты и могут давать искаженные отзывы. Надлежащее пользовательское тестирование веб-сайта или приложения требует времени, но это единственный способ, с помощью которого дизайнеры узнают, что они движутся в правильном направлении.
3. Последовательность — ключ к успеху
Хороший дизайн пользовательского интерфейса решает проблему согласованности. Согласованность включает в себя такие вещи, как расположение меню и кнопок, используемые цвета, шрифты и значки.
Хорошее цифровое решение не бросает вызов пользователям, когда они пробуют продукт.Вместо этого он представляет собой единый стиль и сохраняет последовательность во всем.
Вам также может понравиться: 7 основных шагов для интеграции фирменного стиля в веб-дизайн
Эта согласованность наблюдается, когда пользователи выполняют определенное действие. Когда они нажимают кнопку, они должны получать аналогичную обратную связь. Когда они нажимают на меню, они должны получать последовательное подтверждение действия. Это может быть анимация, смена цвета, индикатор выполнения, всплывающее окно и т.д.
4. Предвидеть ошибки
Пользователи будут делать ошибки. Хороший дизайн пользовательского интерфейса избавляет пользователя от указанных ошибок. Это можно сделать двумя способами:
- Предотвращение ошибок.
- Обеспечить интуитивно понятное исправление ошибок, когда они случаются.
Вы видите эти методы в электронной коммерции. Например, некоторые кнопки неактивны, пока пользователь не заполнит все соответствующие поля. Вы также видите формы, которые автоматически определяют форматирование адресов электронной почты, номеров телефонов и адресов.При переходе с определенных страниц, таких как корзина, пользователей спрашивают, действительно ли они хотят отказаться от покупок.
Легче предвидеть ошибки, чем исправлять их после того, как они были совершены. Однако в некоторых случаях хороший дизайн пользовательского интерфейса означает, что авария может произойти, а затем предоставляется сообщение об ошибке, чтобы помочь пользователю исправить ошибку.
Хорошее сообщение об ошибке имеет две цели:
- Обрисуйте проблему.Например. «Введенный почтовый индекс не соответствует введенному штату».
- Объясните, как решить проблему. Например. «Пожалуйста, введите правильный почтовый индекс».
Идея состоит в том, чтобы быть интуитивным и тонким. Обсуждая дизайн пользовательского интерфейса , эксперты Adobe XD отмечают, что «когда все сделано хорошо, пользователи даже не замечают этого. Когда это сделано плохо, пользователи не могут преодолеть это, чтобы эффективно использовать продукт».
Вам также может понравиться: Учебники по дизайну пользовательского интерфейса для создания потрясающих веб-элементов и элементов пользовательского интерфейса для мобильных устройств
5.Оставьте отзыв быстро
В реальных ситуациях люди получают быструю обратную связь от своих действий. Когда мы говорим, другие люди отвечают. Когда мы прикасаемся к чему-то горячему или холодному, мы получаем сенсорную реакцию.
Плохой пользовательский интерфейс мало что дает. Это может заставить пользователей задаться вопросом, нужно ли им предпринять дополнительные действия, должны ли они ждать, пока веб-сайт предпримет какие-либо действия, или их ноутбук сломан или нуждается в перезагрузке.
Простая обратная связь включает в себя такие вещи, как анимация загрузки или кнопка, которая реагирует на нажатие.Это не должно быть сложно. Ему просто нужно признать, что пользователю нужно предпринять какие-то действия или что ему нужно подождать.
Дизайн пользовательского интерфейса постоянно развивается по мере изменения взаимодействия пользователя с технологией. Уведомляя об этих изменениях, дизайнер может повысить вероятность того, что пользователям понравится их продукт.
советов и приемов по графическому дизайну, которые мы используем каждый день
Как графический дизайнер, я постоянно ищу различные советы и рекомендации по графическому дизайну , чтобы улучшить свои процессы, улучшить дизайн и сэкономить время.
Некоторые из наиболее полезных советов не представляют собой ничего особенного, а просто помогают вам улучшить основные элементы вашего дизайна . Наряду с этим, вот несколько основных советов и приемов, которые я использую ежедневно.
Совет по графическому дизайну №1: выберите палитру шрифтов
Когда вы начинаете дизайн, вам нужно выбрать шрифты, которые будут хорошо сочетаться , а не только те, которые вам нравятся.
Выберите шрифт, который выделяется для ваших заголовков и заголовков, но для ваших субтитров и основного содержимого вы хотите выбрать простой шрифт, визуально привлекательный и легко читаемый.Мне нравится использовать Google Fonts и Adobe Typekit при выборе палитры шрифтов.
Один классный инструмент, который я нашел, это typegenius, который помогает вам выбирать дополнительные шрифты . Все, что вам нужно сделать, это ввести шрифт, который вы хотите использовать, и он сгенерирует ряд шрифтов, которые хорошо работают с ним, и покажет вам примеры из реальной жизни!
Совет по графическому дизайну № 2: используйте контрастные цвета
Выбор цвета — это не только искусство, но и наука. Выбирая цвета фона и цвета шрифта для своего дизайна, используйте контрастные цвета.
Это поможет вашему тексту выделиться на фоне или любых сопутствующих изображениях . Хорошее эмпирическое правило: если у вас светлый фон, вам нужен темный текст, и наоборот.
Уловка графического дизайна №1: высококачественные изображения, маленькие файлы!
Вам нужны файлы меньшего размера, но вы не хотите жертвовать качеством изображения… так что же делать? Один трюк, который я использую ежедневно, заключается в том, чтобы сохранять изображения в формате PNG, а затем сжимать их .После того, как я создал изображение в Photoshop и готов его сохранить, я использую «Файл» > «Сохранить как» вместо «Файл» > «Сохранить для Интернета».
Важно, чтобы вы делали это таким образом, потому что Photoshop выполняет собственное сжатие при сохранении для Интернета, что может помешать правильному выполнению следующего шага.
После сохранения файла я загружаю его на tinypng.com. Этот полезный сайт сжимает файл до гораздо меньшего размера, чем это может сделать Photoshop, помогая моим изображениям загружаться быстрее в Интернете .
Уловка графического дизайна № 2: трансформируйте изображения, сохраняйте качество
Когда вы создаете, копируете или вставляете изображения в Photoshop, рекомендуется преобразовать их в «смарт-объект».» Смарт-объект может быть изменен в размере, деформирован и трансформирован без разрушения исходного изображения .
Если этого не сделать, изображение потеряет данные при изменении размера или деформации , что сделает изображение менее четким, чем оно было изначально. В Photoshop это можно сделать, щелкнув правой кнопкой мыши слой на панели слоев и выбрав «Преобразовать в смарт-объект», или вы можете выбрать слой и перейти в строку меню «Слой» > «Смарт-объекты» > «Преобразовать в смарт-объект».
Я надеюсь, что эти советы и рекомендации по графическому дизайну будут вам полезны.Если у вас есть какие-то советы или приемы, которыми вы пользуетесь каждый день, поделитесь ими в комментариях!
Вот еще один полезный «ярлык» графического дизайна — используйте шаблоны с точностью до пикселя для создания пользовательских изображений для ваших профилей в социальных сетях !
10 лучших советов по веб-дизайну для создания идеального веб-сайта
Давайте проясним: веб-дизайн — сложная дисциплина, на освоение которой может уйти целая жизнь. Как будто это не было достаточно сложно, это также область, которая развивается каждую секунду, поскольку технологии продолжают развиваться — представьте разочарование да Винчи, когда люди жаловались, что Мона Лиза «выглядела старой» всего через пять лет.
Мы только что отправили вам первый урок.
Веб-дизайн — это то, с чем приходится сталкиваться почти каждому управленческому звену в бизнесе, но по-настоящему понимают только профессионалы в области дизайна. Если вы хотите иметь отличный веб-дизайн, вы должны изучить основы, чтобы вы могли общаться так, как хотите. Даже если вы нанимаете профессионала для разработки вашей страницы, вам все равно нужна некоторая справочная информация, чтобы отличить талантливого веб-дизайнера от посредственного и объяснить, что вам от него нужно.
Мы знаем, как трудно людям, не являющимся дизайнерами, разобраться во всем этом веб-дизайне, поэтому мы создали это удобное руководство, которое познакомит вас с основами. Вот десять лучших советов по веб-дизайну, о которых вам нужно знать (плюс несколько полезных правил, и которых нельзя ), разделенных на три категории: Композиция, Эстетика и Функциональность . Независимо от того, нанимаете ли вы дизайнера или занимаетесь «сделай сам», проверьте свой окончательный веб-дизайн на наличие этих десяти основ.
Состав
—
1.Уберите беспорядок.
Во-первых, давайте рассмотрим одну из самых распространенных ошибок новичков в веб-дизайне: беспорядок на экране. У большинства людей есть список всего, что они хотят, на своем веб-сайте, и, не зная ничего лучше, они просто выводят все это на экран — и на той же странице.
Веб-дизайн от SlavianaПо сути, каждый элемент, который вы добавляете в свой веб-дизайн, разбавляет все остальные. Если вы включите слишком много отвлекающих элементов, ваш пользователь не будет знать, где искать, и вы потеряете связный опыт.Напротив, если вы включите только необходимые элементы, эти элементы будут более действенными, поскольку они не должны занимать центральное место.
Больше пустого пространства означает меньше беспорядка, и это то, что действительно важно в минималистичном, чистом веб-дизайне.
Посмотрите, как на главном экране в примере Intenz от дизайнера Top Level Slaviana нет ничего, кроме самого необходимого: меню навигации, логотип, слоган, основной призыв к действию (CTA) и несколько разреженных изображений для атмосферы и демонстрации продукта.Они, конечно, содержат другую информацию, но представляют ее позже, чтобы их экраны никогда не были переполнены. Это визуальный эквивалент темпа.
Чтобы веб-дизайн был эффективным, он должен быть оптимизирован — должен быть четкий путь или пути, которым должен следовать пользователь. Есть много разных способов добиться этого (некоторые описаны ниже), но первым шагом всегда является создание места для высокоприоритетных элементов путем удаления низкоприоритетных.
Сделать :
- Срезать жир. Проверьте свои проекты на предмет необходимости. Если элемент не добавляет или не улучшает общий опыт, удалите его. Если элемент может жить на другом экране, переместите его туда.
- Ограничение выпадающих меню. Выпадающие меню (раскрывающиеся, раскрывающиеся и т. д.) — хороший способ уменьшить беспорядок, но не просто заметайте свои проблемы «под ковер». Если возможно, попробуйте ограничить эти скрытые меню семью пунктами.
Не :
- Используйте боковые панели. Новые посетители, вероятно, не будут их использовать. Кроме того, если все параметры не помещаются в вашем главном навигационном меню, вам все равно необходимо упростить структуру навигации (см. ниже).
- Используйте ползунки. Движение и новые изображения в ползунке отвлекают и ослабляют контроль над тем, что видят пользователи. Лучше все время демонстрировать только свои лучшие изображения.
2. Используйте достаточно пустого пространства.
Как вы собираетесь заполнить все это пространство, которое вы создали после расчистки беспорядка? Можем ли мы предложить заполнить его ничем?
Веб-дизайн от HitronНегативное пространство (а.к.а. пробел) — это технический термин в изобразительном искусстве, обозначающий области изображения, которые привлекают внимание 90 504, а не 90 505. Как правило, они пусты или пусты, как безоблачное небо или монохромная стена. Хотя само по себе скучно, при художественном использовании негативное пространство может дополнять и усиливать основной объект, улучшать читаемость и облегчать «восприятие» изображения.
Моя мантра: просто всегда лучше. Он почти мгновенно привлекает внимание к тому, что важно для пользователя.Кроме того, простота привлекательна.
В примере Streamflow от дизайнера Top Level Хитрона основное внимание уделяется слогану и призыву к действию не потому, что они кричащие или кричащие, а из-за всего негативного пространства вокруг них. Этот посадочный экран облегчает пользователю понимание того, чем занимается компания и куда на сайте идти дальше. Они также включают великолепные образы облаков, но в красивом, минималистичном стиле — умная композиция с большим количеством стратегического негативного пространства.
Сделать:
- Окружите самые важные элементы негативным пространством. Чем больше вокруг чего-то негативного пространства, тем больше внимания оно привлекает.
- Избегайте скучных макетов с второстепенными визуальными элементами. Другие эстетические элементы, такие как цвет или типографика (см. ниже), могут визуально компенсировать слабину, когда есть много пустого пространства.
Нельзя:
- Подчеркните неправильный элемент. Окружать пустым пространством только элементы с наивысшим приоритетом. Например, если вашей целью являются конверсии, окружите свое электронное письмо или призыв к действию пустым пространством, а не своим логотипом или коммерческим предложением.
- Использовать загруженные фоны. По определению фон должен оставаться незамеченным. Если на вашем фоне недостаточно свободного пространства, он будет отвлекать внимание от основных элементов.
3. Направляйте взгляд пользователя с помощью визуальной иерархии.
Если использование технического термина, такого как «негативное пространство», вас не смутило, что вы думаете о «визуальной иерархии»? Это относится к использованию различных визуальных элементов, таких как размер или размещение, чтобы влиять на то, какие элементы ваш пользователь увидит первым, вторым или последним.Большой жирный заголовок в верхней части веб-страницы и крошечная юридическая информация внизу — хороший пример использования визуальной иерархии для определения приоритетов одних элементов над другими.
Веб-дизайн от Canvas CreationВеб-дизайн — это не только то, что вы добавляете на свой веб-сайт, но и то, как вы это добавляете. Возьмите кнопки CTA; недостаточно того, что они просто есть; опытные дизайнеры размещают их преднамеренно и дают им яркие цвета, чтобы выделиться, и наводящий на размышления текст, чтобы стимулировать клики.Такие элементы, как размер, цвет, размещение и пустое пространство, могут увеличить или уменьшить вовлеченность.
В приведенном выше примере домашней страницы Shearline приоритет отдается трем элементам: заголовку, изображению продукта и призыву к действию. Все остальное — меню навигации, логотип, пояснительный текст — кажется второстепенным. Это был сознательный выбор дизайнера, основанный на разумном использовании размера, цвета и размещения.
Диаграмма, объясняющая основы визуальной иерархии. Через Orbit Media Studios.Просмотрите эту таблицу от Orbit Media Studios, чтобы узнать, как привлечь или оттолкнуть внимание. Это упрощение сложной темы, но оно хорошо работает для понимания базовых основ.
Сделать:
- Дизайн для сканирования. Большинство пользователей не читают каждое слово на странице. Они даже не видят всего на странице. Спроектируйте такое поведение, сделав так, чтобы ваши главные приоритеты было трудно игнорировать.
- Проверка нескольких альтернатив. Поскольку визуальная иерархия может быть сложной, иногда лучше всего работает метод проб и ошибок.Создайте несколько разных версий («макетов») и покажите их новой группе глаз, чтобы узнать разные мнения.
Нельзя:
- Используйте конкурирующие элементы. Визуальная иерархия — это порядок: сначала это, потом это. Распределите количество внимания, которое получает каждый из ваших основных элементов, чтобы глаза ваших пользователей легко следовали четкому пути.
- Перейти за борт. Создание слишком больших элементов или чрезмерного цветового контраста может иметь противоположный эффект.Используйте ровно столько тактик привлечения внимания, сколько вам нужно, и не более того.
Эстетика
—
4. Тщательно выбирайте цвета.
Теперь, когда вы знакомы с понятиями хорошей композиции, давайте поговорим об особенностях этой композиции. Начнем с цвета — мощного инструмента любого дизайнера.
Веб-дизайн DesinlyВо-первых, у каждого цвета есть своя эмоциональная коннотация. Если ваш фирменный стиль страстный и энергичный, бодрящий красный цвет подойдет лучше спокойного синего.Помимо выбора лучших цветов для представления вашего бренда, вам также необходимо правильно их использовать, например, контрастировать цвета друг с другом, чтобы установить визуальную иерархию.
Чтобы эффективно использовать цвет в веб-дизайне, вы должны понимать, как формируются цвета и как они соотносятся друг с другом. Гармония и баланс – залог успеха.
Только посмотрите, как дизайнер высшего уровня Desinly использует оранжевый цвет в веб-дизайне для мастер-класса по нефтеносным пескам выше.Во-первых, оранжевый — разумный выбор, потому что он часто ассоциируется с тяжелым производственным оборудованием, с которым работает компания. Кроме того, они прекрасно сочетают оранжевый цвет с черным фоном, чтобы он выделялся больше. Они также постоянно используют один и тот же цвет для выделения ключевых слов и кнопок, а также интегрируют его в фоновую фотографию.
Сделать:
- Установите цветовую иерархию. Используйте один цвет для основных элементов (первичных), бликов (вторичных) и других менее важных элементов (фона).
- Придерживайтесь одинаковых тем. Если у вас есть установленная цветовая палитра, придерживайтесь ее. Сохраняйте основные, дополнительные и фоновые цвета одинаковыми на всем сайте.
Нельзя:
- Выберите свои любимые цвета. Влияние цветов на маркетинг доказано. Изучите теорию цвета и не упустите важную возможность брендинга.
- Конфликт цветов. Логического выбора цветов недостаточно; они также должны хорошо сочетаться друг с другом.Фиолетовый и красный могут хорошо представлять ваш бренд, но эффект теряется, если они сталкиваются и создают уродливый окончательный дизайн.
5. Не экономьте на фотографии.
Веб-дизайн от JPSDesignХотя это и необязательно, но если вы решите использовать реальную фотографию в своем веб-дизайне, убедитесь, что вы делаете это правильно. Эффективная, осмысленная фотография может способствовать достижению ваших бизнес-целей, но некачественные фотографии сдерживают вас.
В фотографии должна быть связь между брендингом и концепцией.Фотография может создать контраст, привлечь внимание или даже привлечь внимание к следующему разделу страницы.
Использование фотографии в веб-дизайне во многом соответствует правилам хорошей фотографии в целом. Великолепная фотография, вывешенная в художественной галерее, может быть столь же ошеломляющей на веб-сайте, но настроение, стиль и темы должны совпадать. Просто взгляните на заманчивую фотографию веб-дизайна дизайнера высшего уровня JPSDesign выше. Эта черника выглядела бы восхитительно где угодно, но она особенно эффективна на веб-сайте бакалейщика.
Сделать:
- Используйте реальных людей. Изображения людей, как правило, больше привлекают пользователей, особенно изображения реальных сотрудников или реальных клиентов.
- Создайте правильную атмосферу. Фотография поставляется в почти бесконечном количестве стилей, поэтому используйте те, которые лучше всего отражают то, для чего предназначен ваш веб-сайт. Если вы хотите веселый сайт, используйте фотографии улыбающихся людей.
Нельзя:
- Используйте очевидные стоковые фотографии. Ключевое слово здесь «очевидно». Стоковые изображения могут быть полезными, но только в том случае, если пользователь не понимает, что это стоковые изображения.
- Используйте низкое разрешение. Это эра высокой четкости, поэтому фотографии с низким разрешением заставляют бренд казаться старым или неудачным. Дополнительный совет: используйте компрессор, чтобы уменьшить размер больших файлов, чтобы вы могли не только съесть свой пирог, но и съесть его.
6. Оптимизируйте типографику для создания своего бренда.
Хотя слова, которые выбираете вы или ваш копирайтер, чрезвычайно влиятельны, вы также можете повысить их эффективность, придав им правильный вид.
Веб-дизайн от Studio UbiqueTypography включает в себя все визуальные элементы текста, особенно шрифты, а также другие элементы, такие как размер, цвет текста, стиль (курсив, жирный шрифт и т. д.) и интервалы между буквами, словами и строками. Все это влияет на визуальную иерархию и на то, как воспринимается ваш бренд.
Типографика может быть визуально привлекательной, но если вы используете отвлекающие шрифты, ваш читатель не сможет сосредоточиться на том, что вы пытаетесь сказать, и ваш сайт может его раздражать.Сочетание смелой типографики с минималистским уклоном — ваш выигрышный билет.
Подобно цветам и фотографии, типографика представлена в самых разных стилях, поэтому выберите тот, который лучше всего дополняет ваш бренд. Чтобы добавить немного изысканности веб-дизайну Her Habesha выше, дизайнер верхнего уровня Studio Ubique использует яркую, но стильную типографику для заголовков. Но обратите внимание, как типографика меняется на тонкие современные шрифты без засечек для названий продуктов под изображениями, чтобы достичь баланса.
Сделать:
- Используйте веб-шрифты. При всем разнообразии шрифтов не забывайте использовать проверенные «веб-безопасные шрифты», которые могут отображаться на большинстве устройств и компьютерных мониторов. Здесь вы можете узнать, как их идентифицировать.
- Изучите разные типы. Вы знаете, что такое засечки? Типографика чрезвычайно многогранна, поэтому ознакомьтесь с пятью типами шрифтов, чтобы получить некоторый контекст.
Нельзя:
- Чрезмерное использование кричащих шрифтов.Яркие, привлекающие внимание шрифты могут хорошо работать для заголовков или отдельных слов, но слишком отвлекают при чрезмерном использовании.
- Используйте одинаковую типографику для всего. Как и в примере с Her Habesha, типографика лучше всего работает, когда она сбалансирована. Используйте разные наборы для заголовков, подзаголовков и основного текста — и придерживайтесь этих наборов на всем сайте.
Функциональность
—
7. Оптимизация навигации.
Наконец, мы переходим к функциональности: что может ваш сайт.Разговор о функциональности всегда должен начинаться с навигации, основы любого веб-сайта.
Веб-дизайн от martinthehorribleУ каждого есть свои способы ориентироваться на веб-сайте. Хороший веб-дизайн ориентирует навигацию на своих целевых пользователей, поэтому она кажется интуитивно понятной — чем меньше пользователям приходится об этом думать, тем лучше.
Но это нелегкий подвиг. Это начинается с того, как организован весь сайт: что получает свою собственную страницу, что перемещается на подстраницу, что есть и чего нет в главном меню.На каждый из этих вопросов нужно ответить, прежде чем реальный веб-дизайн действительно взлетит.
После этого вы должны спроектировать навигацию таким образом, чтобы посетителям было легко ее использовать, как в примере выше.
Сделать:
- Найдите баланс количества опций. Вы хотите предоставить пользователям множество возможностей, но не хотите перегружать их. Организуйте категории страниц таким образом, чтобы они соответствовали этим противоречивым целям.
- Создавайте навигацию по реальным пользовательским данным. При покупке обуви в Интернете некоторые пользователи будут искать по запросу «одежда», а некоторые по запросу «аксессуары». Разные группы пользователей имеют разные предпочтения; стройте свою навигационную архитектуру на основе того, как думают ваши пользователи, в соответствии с фактическими данными. Вы можете провести некоторые пользовательские тесты, если вы в темноте.
Нельзя:
- Экспериментируйте с необычными форматами. Хотя эксперименты в разумных дозах могут породить новые и отличные идеи, они не рекомендуются для чего-то столь важного, как навигация.Чтобы не заставлять пользователя слишком много думать, придерживайтесь соглашений, которые пользователи уже понимают: меню навигации в верхнем заголовке, логотип, связанный с главной страницей, панель поиска со значком увеличительного стекла и т. д.
8. Отдайте предпочтение мобильным устройствам.
Веб-дизайн от Ink’dПожилые (но не старые !) люди склонны думать о веб-дизайне с точки зрения экранов настольных компьютеров, но правда в том, что в настоящее время люди большую часть времени просматривают страницы на мобильных устройствах. Вот почему вам нужно убедиться, что ваш мобильный сайт находится в оптимальном состоянии.Не только для вашего пользователя, но и для Google — алгоритм Google учитывает реакцию мобильных устройств на их поисковый рейтинг.
«Отзывчивость для мобильных устройств» означает, насколько хорошо ваш сайт отображается на устройствах с маленькими экранами. Если ваш веб-сайт обрезан на мобильных устройствах или изображения появляются не в том месте, посетители не получат удовольствия от использования вашего веб-сайта. В дополнение к меньшим экранам мобильные устройства также имеют совершенно новый набор рекомендаций по дизайну, включая такие элементы управления, как «пролистывание», поэтому не думайте, что ваша версия для настольных компьютеров будет переводиться без проблем.
В наши дни действительно важно учитывать подход mobile first. Люди склонны использовать макеты для мобильных устройств иначе, чем версии для настольных компьютеров, поэтому то, как веб-сайт будет работать на мобильных устройствах, является неотъемлемой частью эффективного дизайна. Сосредоточьтесь на минималистичном, чистом дизайне и устраните беспорядок, чтобы пользователям было проще сосредоточиться на содержании.
Ваша мобильная версия должна быть в центре внимания с самого начала. Но это не значит, что вы можете пренебрегать настольной версией.Ваш веб-сайт должен хорошо выглядеть независимо от того, какое устройство люди используют для его просмотра. Взгляните на веб-дизайн выше, чтобы увидеть, как дизайнер высшего уровня Инк создал варианты дизайна и — с небольшими изменениями — заставил его хорошо выглядеть как на больших, так и на маленьких экранах.
Сделать:
- Сначала создайте мобильную версию. При разработке мобильной версии вы работаете только с самым необходимым из-за ограниченного места на экране. Легче сначала заняться мобильной версией, а затем добавить элементы в настольную версию, чем сначала разрабатывать настольную версию, а затем удалять элементы.
- Приоритизация устройств на основе пользовательских данных. «Мобильные» устройства — это общий термин, но разные типы телефонов и планшетов имеют разные размеры экрана и технические характеристики. Обратитесь к пользовательским данным, чтобы увидеть, какие устройства ваши посетители используют чаще всего, а затем определите их приоритет в дизайне.
Нельзя:
- Используйте сайты m.dot. Те мобильные сайты, на которых есть «m.» в их URL были ранним решением для мобильного адаптивного дизайна, прежде чем дизайнеры знали, что мобильные устройства обгонят настольные компьютеры.Сегодня они загружаются медленнее и наносят ущерб SEO — лучший вариант — создать единый сайт, который будет работать на всех соответствующих устройствах.
9. Сделайте текст легко читаемым.
Веб-дизайн от akorn.creativeДизайн сайта, специально ориентированный на визуальные эффекты, может повредить его удобочитаемости. Если вы используете шрифт, который выглядит хорошо, но никто не может его прочитать, вы выплескиваете ребенка вместе с водой.
Когда мы говорим, что веб-сайт должен легко читаться, мы имеем в виду три разных значения:
- Хорошо написано. Текст копии написан в соответствии с вашими бизнес-целями и голосом, который нравится вашей аудитории.
- Эстетично оформленный. Скопированный текст отображается хорошо, желательно с большим пространством и удобоваримыми блоками, которые не перегружают читателя.
- Разборчиво. Шрифт и размер удобны для чтения без напряжения и двойной подложки.
Хотя удобочитаемость в основном зависит от типографики, вы также должны учитывать композицию и структуру, а также то, как текст взаимодействует с другими элементами, не говоря уже о качестве фактического письма.
Удивительный веб-дизайн не имеет значения, если никто не сможет прочитать ваш текст. Дизайнер верхнего уровня akorn.creative принимает это близко к сердцу — посмотрите, как в приведенном выше веб-дизайне они сделали фоновую фотографию черной, чтобы создать больший контраст с текстом и сделать его читабельным.
Сделать:
- Обратите внимание на сочетание цветов. То, как цвет текста взаимодействует с фоном, сильно влияет на удобочитаемость, особенно для людей с ограниченными возможностями чтения или зрения.Старайтесь придерживаться контрастных пар (светлые и темные тона), а если ничего не помогает, всегда можно вернуться к классическому черно-белому.
- Тестовые проекты на разных ридерах. То, что понятно вам, может быть понятно не всем. Проверьте свои проекты с различными читателями, чтобы охватить все ваши базы.
Нельзя:
- Используйте курсивные или эффектные шрифты для основного текста. Экстравагантные шрифты хорошо помогают сделать заголовки и заголовки более заметными, но когда пользователю нужно читать строку за строкой текста, лучше использовать простой шрифт, приятный для глаз.
- Включить большие блоки текста. Большие блоки текста пугают читателей, даже вне веб-дизайна. Лучше всего разбить их, используя упреждающее форматирование страницы или даже принудительные разрывы абзацев.
10. Сообщите дизайнеру, что вы хотите.
Веб-дизайн от akdcreativeДопустим, у вас есть грандиозная идея для функции вашего веб-сайта. Чем лучше вы сможете объяснить это дизайнеру, тем больше вероятность, что окончательный вариант будет таким, как вы себе представляете.
Поскольку это командная работа, веб-дизайн требует не только технических навыков, но и коммуникативных навыков. Подробное описание того, что вы хотите для своего сайта, — это прямой путь к получению удовлетворительного дизайна. В конце концов, веб-дизайнеры не умеют читать мысли.
В приведенном выше примере AUSMAIDS от дизайнера верхнего уровня akdcreative создается впечатление, что клиент знал, что ему нужен виджет, который позволял бы пользователю вводить количество комнат и частоту посещений. Дизайнер взял эту идею и сделал ее красивой.Это идеальное сотрудничество между клиентом и дизайнером, и блестящий конечный продукт демонстрирует это.
Сделать:
- Заранее спланируйте, чего вы хотите. Либо напишите то, что вы хотите на бумаге, либо создайте каркас. И то, и другое поможет вам запомнить все и даст вашему дизайнеру надежную отправную точку.
- Будьте непредубежденными. Работа вашего дизайнера состоит в том, чтобы сделать ваш веб-сайт как можно лучше, поэтому будьте открыты к их предложениям, даже если они отличаются от того, что вы ожидали.Скорее всего, они знают что-то, чего не знаете вы.
Нельзя:
- Быть расплывчатым или общим. Использование расплывчатых и общих терминов, таких как «красочный» или «интерактивный», на самом деле ничего не говорит. Какие цвета? Как взаимодействуют пользователи? Будьте как можно более конкретными или согласитесь оставить это на усмотрение дизайнера.
Мы только что отправили вам первый урок.
Вот это да! (Или, по крайней мере, ваш дизайнер.)
—
1998Одно дело прочитать эти 10 советов по веб-дизайну, и совсем другое — применить их на своем сайте.Такие области, как теория цвета, типографика, композиция и адаптация к мобильным устройствам, довольно подробные, поэтому не расстраивайтесь, если вы не получите все это за один присест. Только профессиональные дизайнеры могут по-настоящему оценить нюансы этих направлений. Наем кого-то, кто инстинктивно понимает эти принципы веб-дизайна, обычно является самым безопасным путем к отличному дизайну.
Если вы ищете веб-дизайнера, наш инструмент поиска дизайнеров позволит вам просмотреть наше сообщество из 1,4 миллиона дизайнеров со всего мира.
