интерфейсы cuppay россия банковскийтерминал бюджетныеплатежи гибддштрафы мфц онлайнкассы офд платежи платежныесистемы платежныйтерминал приемплатежей терминалы центруправленияплатежами цуп цупсила электронныйкассир фишингподделки доход бизнес прибыль став26 ставрополь терминал подключайсякцуп interfaces learning дизайнмобильныхприложений
⚪️⚫️ Текст лучше всего воспринимается тогда, когда он набран темным шрифтом на светлом фоне.
Учитывайте этот факт, посетители не будут «ломать глаза» и уйдут с вашего сайта.
Так же не применяйте слишком яркие и неуместные фоновые оформления. Это тоже раздражает.
Особенно часто эти ошибки совершают новички веб дизайна, которым хочется все оформить как можно ярче.
Но встречается и такое, что опытные веб мастера используют не правильную реализацию цветовой гаммы и даже очень полезный
и интересный текст не хочется читать.
#вебдизайн #сайт #webdesign #web #ui #ux #design #дизайнерсайтов #фотошоп #лендинг #интерфейсы #фриланс #лайктайм #лайкивзаимно #liketime #likeforlikes #likeforfollow #instalike #followforfollowback #follow4followback #followers #followme #follower
РЕЗУЛЬТАТЫ ПОСЛЕ ЮЗАБИЛИТИ АУДИТА
Скрин из статистики одного из клиентов. Результаты "ДО" и "ПОСЛЕ АУДИТА" сайта.
https://prof-mk.ru
#profmk #мариякокухина #mariakokuhina #юзабилити #юзабилитисайта #юзабилитиаудит #юзабилитианализ #юзабилитистудио #удобныйсайт #продающийсайт #аудитсайта #аудитсайтов #аудитсайтамосква #аудитстраницы #анализсайта #анализсайтов #аудитюзабилити #заказатьаудит #интерфейс #интерфейсы #продающаястраница #продающаястраничка #продающийдизайн #продающиестраницы #продающие #продающий #повышениеконверсии #увеличениепродаж #увеличитьпродажи #ростпродаж
Переходим к промышленному использованию Figma в работе по проектированию и дизайну. Заканчиваем первый проект под ключ. Кратко наши впечатления.
1) Плюсы по сравнению с классическим проектированием в Photoshop: - единое пространство для работы над макетами: все эскизы связаны друг с другом в рамках проекта;
- возможность определять единые стили для всего проекта (цвета, шрифты, заголовки и пр.);
- удобное построение сеток;
- рендеринг средствами браузера обеспечивает реалистичную картинку эскиза;
- инструментарий позволяет реализовывать компонентный подход к интерфейсу;
- возможность внутреннего рецензирования эскизов;
- быстрое составление гайдлайнов;
- простая передача макетов верстальщикам.
2) Абсолютная ориентация на web-среду.
3) Удобный встроенный векторный редактор.
4) Инструменты для демонстрации эскизов.
5) Современный простой интерфейс и низкий порог вхождения.
Пока все, продолжаем нарабатывать опыт
#ux #webdesign #figma #проектированиесайтов #дизайнсайтов #разработкасайтов #вебдизайн #интерфейсы #photoshop #interlabs
КING
Под волну так полюбившегося всем сериала, попала и наша компания)))
#цуп #платежи #терминалы #платежныйтерминал #банковскийтерминал #интерфейсы #бюджетныеплатежи #гибддштрафы #мфц #приемплатежей #я❤️цуп #король #электронныйкассир #платежныесистемы #офд #онлайнкассы #cuppay #россия #цупсила #став26 #терминал #центруправленияплатежами #cuppay #ставрополь #бизнес #доход #прибыль #один #подключайсякцуп #играпрестолов
Создал дизайн сайта для платежной системы образовательного учреждения.
Проект достаточно обширный, рисовал как внешнюю, общедоступную часть сайта, так и личный кабинет. Кроме этого разработал также адаптивную версию дизайна.
Буду выкладывать частями)
Created a website design for the payment system of an educational institution.
#ui #ux #uiux #userinterface
#interface #dailyui
#userexperience
#userexperiencedesign
#interfacedesign
#userinterfacedesign
#uidesign
#uxdesign #uxigers
#webdesign #websitedesign
#webdesigner
#designinspiration #uitrends
#appdesign #graphicdesignui
#landingpage
#вебдизайн #дизайнерсайтов #вебдизайнеры #дизайнеринтерфейсов #портфолиодизайнера
#найтидизайнера #вебсайт #платежныйсервис #интерфейсы
Как подготовить дизайн-макет для верстки
⠀
Готовый макет сайта — это не только красивая картинка, а полное представление будущего сайта. С понятной структурой, интерактивными элементами и их состояниями, схемой навигации по экранам и тд.
⠀
Далеко не все верстальщики разбираются в дизайне
⠀
Если по какой-то причине дизайн плохо скомплектован – возникает куча вопросов, хотя "всё и так понятно". Страдают в итоге как разработчики и клиенты, так и сам проект
⠀
Этот Мини-гайд будет также полезен верстальщику, который принимает макет от дизайнера. So check
⠀
Разбиение PSD файла
⠀
Разбейте файлы по всем страницам сайта и/или размерам экранов для адаптивной верстки. Не забудьте страницы ошибок
⠀
Сохраняйте логичную структуру и давайте понятные имена слоям и папкам внутри psd-файлов, при этом избегая глубокой иерархии и скрытых папок (пример в карусели)
⠀
Рисование по сетке
⠀
Верстальщик любит, когда всё точно — одинаковые отступы у однотипных элементов, размеры текста, ширина контента на всех страницах и тому подобное
⠀
! Лайфхак: если сайт подразумевает адаптивность, а она не отрисована, то хороший разработчик (как я ☺️) может сам продумать перестройку компонентов страниц, опираясь на сетку
⠀
Демонстрация скелета
⠀
Это необходимо для ускорения верстки. В скелете указывают отступы и основные размеры элементов, можно также указать шрифты и цвета, чтобы разработчик не задавал лишних вопросов (пример в карусели)
⠀
Состояния элементов
⠀
Отрисовывайте все варианты состояний, которые могут быть. Можете использовать невидимые слои или вынести эти элементы в отдельный psd-файл (пример в карусели)
⠀
Безопасные WEB-шрифты
⠀
Безопасные шрифты установлены на большинстве устройств. Чтобы увеличить количество доступных шрифтов можно использовать Google Fonts
⠀
Если всё же нужно использовать сторонний шрифт — загрузите его в отдельную папку в форматах ttf, eot и woff
⠀
Подготовка иконок
⠀
Можно встроить svg-иконки как смарт-объект в psd-файлы, но лучше сразу закинуть все иконки в отдельную папку, или сохранить svg-иконки в иконочный шрифт
⠀
Потом расскажу про самый удобный, на мой взгляд, способ передачи макетов. Stay tuned!
⠀
#niktariy_дизайнит
User Expierence (UX)
Всем привет, с вами Polyarnik.
⠀⠀⠀⠀⠀⠀⠀⠀
Сегодня поговорим о содержании User Experience или UX(далее).Поехали.
⠀⠀⠀⠀⠀⠀⠀⠀
Как я говорила ранее (смотри пост В ЧЕМ Разница?) практически постоянно, работодатели не разделяют два этих понятия. В вакансиях они идут одной связкой.
Да, они тесно взаимосвязаны, но в тот же момент совершенно разные. ❇️Итак, UX – включает весь опыт, который получает пользователь — все взаимодействия с вашим продуктом или сервисом, а также поиск путей сделать этот опыт лучше.
⠀⠀⠀⠀⠀⠀⠀⠀
Отцом UX был промышленный дизайн (industrial design).
⠀⠀⠀⠀⠀⠀⠀⠀
Сегодня, UX является трендом в мире дизайна, но UX – это не революция. Это все тот же, всем знакомый, дизайн для пользователей.
Заглянем в историю.
⠀⠀⠀⠀⠀⠀⠀⠀
Доберемся до известного UX-дизайнера по имени Дон Норман. Он разработал концепцию UX в начале 90-х, работая в Apple: «Пользовательский опыт» охватывает все аспекты взаимодействия потребителя с компанией, ее услугами и ее продуктами".
⠀⠀⠀⠀⠀⠀⠀⠀
В итоге, мы получаем, что UX это сам процесс проектирования, начиная самим продукта, заканчивая его упаковкой .
⠀⠀⠀⠀⠀⠀⠀⠀
К сожалению, на нашем рынке еще очень мало компаний которые действительно получают качественный UX.
Английская версия в карусели➡️