Криптон

Пользователь

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

Криптон

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

Так как соответствующей темы на форуме нет, а обсуждение дизайна подходит под раздел "Творчество" в таверне лишь отчасти, я решил создать специальную тему, в которой можно обсасывать все, что касается дизайна (Веб-дизайн, UX/UI, графический дизайн, моушен, иллюстрации, промышленный дизайн, и другие смежные области).

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

Жирнорофлящих в этой теме будем выгонять за дверь.

P.S Тема в доработке

P.P.S Если будет отклик, буду дополнять её полезной информацией и ссылками.

afn4O3HiSzg.jpg

 

Kristallo

Пользователь

Регистрация: 13.05.2016

Сообщения: 7709

Рейтинг: 3750

Kristallo

Регистрация: 13.05.2016

Сообщения: 7709

Рейтинг: 3750

img

Интересно мнение людей о проге в таких цветах, функционал не имеет значения т.к я везде это пихаю.

Спойлер: "1"

Спойлер: "2"

Криптон

Пользователь

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

Криптон

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

Kristallo сказал(а):

Интересно мнение людей о проге в таких цветах, функционал не имеет значения т.к я везде это пихаю.

Спойлер: "1"

Спойлер: "2"

Нажмите, чтобы раскрыть...

Минус глаза HAhaa.png

NameVero

Пользователь

Регистрация: 20.11.2019

Сообщения: 150

Рейтинг: 39

Нарушения: 100

NameVero

Регистрация: 20.11.2019

Сообщения: 150

Рейтинг: 39

Нарушения: 100

Где получить инфу о трендах современных анимаций в мобайле и вебе ? Чтобы был конкретный список UI элементов и какие анимации к ним прикручивают - т.е стандарты а не специфические ? Пока писал загуглил такой бложик - https://tubikstudio.com/ui-in-action-15-animated-design-concepts-of-mobile-ui/ . 

cultural

Пользователь

Регистрация: 19.11.2019

Сообщения: 13

Рейтинг: 1

cultural

Регистрация: 19.11.2019

Сообщения: 13

Рейтинг: 1

Могу на Дрибббл инвайт подкинуть, если нужен кому-то Kappa 

TR4N5 -92-

Пользователь

Регистрация: 10.10.2012

Сообщения: 926

Рейтинг: 500

TR4N5 -92-

Регистрация: 10.10.2012

Сообщения: 926

Рейтинг: 500

Kristallo сказал(а):

Интересно мнение людей о проге в таких цветах, функционал не имеет значения т.к я везде это пихаю.

Спойлер: "1"

Спойлер: "2"

Нажмите, чтобы раскрыть...

сделай мне плез, такой дизайн стема

Криптон

Пользователь

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

Криптон

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

NameVero сказал(а):

Где получить инфу о трендах современных анимаций в мобайле и вебе ? Чтобы был конкретный список UI элементов и какие анимации к ним прикручивают - т.е стандарты а не специфические ? Пока писал загуглил такой бложик - https://tubikstudio.com/ui-in-action-15-animated-design-concepts-of-mobile-ui/ . 

Нажмите, чтобы раскрыть...

Ну те анимации по ссылке, что ты скинул, никто не будет реализовывать. Это красиво, но неюзабельно (как и 99.9% того, что выкладывают на биханс и дрибл). Ну и любой разраб тебе конечно подзатыльник даст за такие анимации (т.е это не developer-friendly design).

NameVero

Пользователь

Регистрация: 20.11.2019

Сообщения: 150

Рейтинг: 39

Нарушения: 100

NameVero

Регистрация: 20.11.2019

Сообщения: 150

Рейтинг: 39

Нарушения: 100

Криптон сказал(а):

Ну те анимации по ссылке, что ты скинул, никто никогда не будет реализовывать. Это красиво, но неюзабельно (как и 99.9% того, что выкладывают на биханс и дрибл). Ну и любой разраб тебе конечно подзатыльник даст за такие анимации (т.е это не developer-friendly design).

Нажмите, чтобы раскрыть...

Да я вот и есть тот самый девелопер который бы дал подзатыльник. Вот я и спросил где найти РЕАЛЬНЫЕ анимации а не эти исскуства которые реализовать в коде анриал

Kristallo

Пользователь

Регистрация: 13.05.2016

Сообщения: 7709

Рейтинг: 3750

Kristallo

Регистрация: 13.05.2016

Сообщения: 7709

Рейтинг: 3750

img
TR4N5 -92- сказал(а):

сделай мне плез, такой дизайн стема

Нажмите, чтобы раскрыть...

Подумаю над этим, там же вроде можно скины делать?

NameVero

Пользователь

Регистрация: 20.11.2019

Сообщения: 150

Рейтинг: 39

Нарушения: 100

NameVero

Регистрация: 20.11.2019

Сообщения: 150

Рейтинг: 39

Нарушения: 100

@Криптон , Тоесть представь у меня есть заказ на приложение ( мобайл или веб ) но там есть дизайн без анимаций. Вот какие стандарты чтобы было красиво можно запилить на это все ( с учетом что я буду девелопить весь аппликейшн - и бэкенд тоже. И я больше бэкендер и а не верстальщик, ну тип чтоб и красиво и легко ). Ну а уже после ревью приложения мы уже с заказчиком допиливаем анимашки если нужно

Foxxer

Пользователь

Регистрация: 21.09.2017

Сообщения: 6087

Рейтинг: 578

Foxxer

Регистрация: 21.09.2017

Сообщения: 6087

Рейтинг: 578

Что нужно кроме пхотошопа знать смм-еру? Где создавать простенькие рекламные анимашки

Learn_to_play

Пользователь

Регистрация: 16.04.2015

Сообщения: 1601

Рейтинг: 1226

Learn_to_play

Регистрация: 16.04.2015

Сообщения: 1601

Рейтинг: 1226

@Криптон нужно уметь рисовать?FeelsClownMan.png?1552738440

Криптон

Пользователь

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

Криптон

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

NameVero сказал(а):

@Криптон , Тоесть представь у меня есть заказ на приложение ( мобайл или веб ) но там есть дизайн без анимаций. Вот какие стандарты чтобы было красиво можно запилить на это все ( с учетом что я буду девелопить весь аппликейшн - и бэкенд тоже. И я больше бэкендер и а не верстальщик, ну тип чтоб и красиво и легко ). Ну а уже после ревью приложения мы уже с заказчиком допиливаем анимашки если нужно

Нажмите, чтобы раскрыть...

Блин, на самом деле вопрос двоякий. Я не смог сейчас найти какую-то библиотеку стандартных анимаций. Все зависит от темы приложения. Я сейчас делаю дизайн приложения поиска билетов под ios, там анимации минимум будет (как и во всех приложениях агрегаторах), экран загрузки и ещё чего-нибудь. Достаточно много анимации делают в приложениях для контроля расходов или здорового образа жизни, там много разных графиков и диаграмм. 

Самые распространенные анимации это: Fade in/Fade out, Slide in/Slide out, Ease in/Ease out, Move in/Move out

NameVero

Пользователь

Регистрация: 20.11.2019

Сообщения: 150

Рейтинг: 39

Нарушения: 100

NameVero

Регистрация: 20.11.2019

Сообщения: 150

Рейтинг: 39

Нарушения: 100

Криптон сказал(а):

Блин, на самом деле вопрос двоякий. Я не смог сейчас найти какую-то библиотеку стандартных анимаций. Все зависит от темы приложения. Я сейчас делаю дизайн приложения поиска билетов под ios, там анимации минимум будет (как и во всех приложениях агрегаторах), экран загрузки и ещё чего-нибудь. Достаточно много анимации делают в приложениях для контроля расходов или здорового образа жизни, там много разных графиков и диаграмм. 

Самые распространенные анимации это: Fade in/Fade out, Slide in/Slide out, Ease in/Ease out, Move in/Move out

Нажмите, чтобы раскрыть...

Обидно.

 

Какая тогда разница между 3 последними? 1 работает с прозрачностью это понятно. А для меня 3 последних одинаковые

 

нашел что-то такое  как базовый гайд - https://uxdesign.cc/getting-those-saucy-ui-animations-for-mobile-web-40ceff492e60

https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9

 

Блог от этих челиков я так понял годнота. Это почти то что нужно было кста ( в последнем там с примерами списка и т.д)

unsual

Пользователь

Регистрация: 10.08.2013

Сообщения: 22108

Рейтинг: 3638

unsual

Регистрация: 10.08.2013

Сообщения: 22108

Рейтинг: 3638

NameVero сказал(а):
Нажмите, чтобы раскрыть...

Вот тут норм анимации,но графики можно еще ускорить FeelsWowMan.png

Криптон

Пользователь

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

Криптон

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

Foxxer сказал(а):

Что нужно кроме пхотошопа знать смм-еру?

Нажмите, чтобы раскрыть...

Из софта хз, я не сммщик. Аналитические инструменты какие-нибудь.

Foxxer сказал(а):

Где создавать простенькие рекламные анимашки

Нажмите, чтобы раскрыть...

Смотря какие и для чего. After Effects более менее универсальный софт.

Learn_to_play сказал(а):

@Криптон нужно уметь рисовать?FeelsClownMan.png?1552738440

Нажмите, чтобы раскрыть...

Смотря где. В графическом не особо нужно, в иллюстрациях да. В дизайне интерфейсов нет.

NameVero сказал(а):

Какая тогда разница между 3 последними? 1 работает с прозрачностью это понятно. А для меня 3 последних одинаковые

Нажмите, чтобы раскрыть...

Я некорректно выразился, Ease in это свойство. Move in - просто накладывает одно на другое. Slide - накладывается с эффектом выталкивания. Push - просто выталкивает. 

Hatsune Miky

Пользователь

Регистрация: 03.10.2014

Сообщения: 1042

Рейтинг: 2091

Нарушения: 100

Hatsune Miky

Регистрация: 03.10.2014

Сообщения: 1042

Рейтинг: 2091

Нарушения: 100

да, на самом деле хотелось бы спросить, зачем нужно знание такой проги как colordraw, когда есть тот же фш? И, что нужно изучать после того как освоил html/css/js

unsual

Пользователь

Регистрация: 10.08.2013

Сообщения: 22108

Рейтинг: 3638

unsual

Регистрация: 10.08.2013

Сообщения: 22108

Рейтинг: 3638

Hatsune Miky сказал(а):

html/css/js

Нажмите, чтобы раскрыть...

Ты точно дизайнер?HAhaa.png

Hatsune Miky

Пользователь

Регистрация: 03.10.2014

Сообщения: 1042

Рейтинг: 2091

Нарушения: 100

Hatsune Miky

Регистрация: 03.10.2014

Сообщения: 1042

Рейтинг: 2091

Нарушения: 100

unsual сказал(а):

Ты точно дизайнер?HAhaa.png

Нажмите, чтобы раскрыть...

нет, я балуюсь в основном, люблю там сайты поклипать для себя, не более. Просто интересно

cultural

Пользователь

Регистрация: 19.11.2019

Сообщения: 13

Рейтинг: 1

cultural

Регистрация: 19.11.2019

Сообщения: 13

Рейтинг: 1

Hatsune Miky сказал(а):

да, на самом деле хотелось бы спросить, зачем нужно знание такой проги как colordraw, когда есть тот же фш? И, что нужно изучать после того как освоил html/css/js

Нажмите, чтобы раскрыть...

1. Coreldraw - тебя не попросят знать не в одной, более менее нормальной команде/кампании.

2. Adobe Photoshop/illustrator и тд, тотальное говнище, переваленное ненужными функциями. Единственное, что стотит знать, для работы в UI/UX от этой компании, это ADOBE XD и After.

3. Для поиска работы, стоит знать:

 а.) Sketch (Если MAC OS юзер).

 б.) Figma (Web/Windows/MAC клиенты)

 в.) Доп скилы: Анимация (After на неплохом уровне), 3Д (Cinema 4D etc.), тут не суть важно.

Знать код, полезно, можно сразу очень быстро прототипировать, но ПОЧТИ НИКОГДА тебя не попросят верстать, если ты работаешь в НОРМАЛЬНОЙ конторе, потому что для этого есть отдельный отдел. (Хотя знание кода, поможет объяснить, что ты хочешь от разработчика и что он хочет от тебя, когда ему что-то непонятно.) 

Криптон

Пользователь

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

Криптон

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

cultural сказал(а):

1. Coreldraw - тебя не попросят знать не в одной, более менее нормальной команде/кампании.

2. Adobe Photoshop/illustrator и тд, тотальное говнище, переваленное ненужными функциями. Единственное, что стотит знать, для работы в UI/UX от этой компании, это ADOBE XD и After.

3. Для поиска работы, стоит знать:

 а.) Sketch (Если MAC OS юзер).

 б.) Figma (Web/Windows/MAC клиенты)

 в.) Доп скилы: Анимация (After на неплохом уровне), 3Д (Cinema 4D etc.), тут не суть важно.

Знать код, полезно, можно сразу очень быстро прототипировать, но ПОЧТИ НИКОГДА тебя не попросят верстать, если ты работаешь в НОРМАЛЬНОЙ конторе, потому что для этого есть отдельный отдел. (Хотя знание кода, поможет объяснить, что ты хочешь от разработчика и что он хочет от тебя, когда ему что-то непонятно.) 

Нажмите, чтобы раскрыть...

Без фотошопа и иллюстратора в UX/UI не выжить сегодня HAhaa.png

Ну и в анимацию нужно добавить principle (для макоси) и protopie (для винды).

cultural

Пользователь

Регистрация: 19.11.2019

Сообщения: 13

Рейтинг: 1

cultural

Регистрация: 19.11.2019

Сообщения: 13

Рейтинг: 1

Криптон сказал(а):

Без фотошопа и иллюстратора в UX/UI не выжить сегодня HAhaa.png

Ну и в анимацию нужно добавить principle (для макоси) и protopie (для винды).

Нажмите, чтобы раскрыть...

Уже полтора года не открывал не фотошоп, не иллюстратор. Так что, надеюсь ты рофлишь.

Криптон

Пользователь

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

Криптон

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

Hatsune Miky сказал(а):

зачем нужно знание такой проги как colordraw, когда есть тот же фш?

Нажмите, чтобы раскрыть...

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

cultural

Пользователь

Регистрация: 19.11.2019

Сообщения: 13

Рейтинг: 1

cultural

Регистрация: 19.11.2019

Сообщения: 13

Рейтинг: 1

Криптон сказал(а):

Без фотошопа и иллюстратора в UX/UI не выжить сегодня HAhaa.png

Ну и в анимацию нужно добавить principle (для макоси) и protopie (для винды).

Нажмите, чтобы раскрыть...

Лучше уже Framer учить, если у тебя Mac. Приципл, это супер кастрированная программа. Плюс, если ты знаешь After, то в Principle ты разбираешься спустя полторы минуты.

Криптон

Пользователь

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

Криптон

Регистрация: 13.01.2014

Сообщения: 4817

Рейтинг: 1560

cultural сказал(а):

Уже полтора года не открывал не фотошоп, не иллюстратор. Так что, надеюсь ты рофлишь.

Нажмите, чтобы раскрыть...

Ты в финтехе работаешь что ли? Или исключительно UX занимаешься?

В фигме банально не откроешь ни одну иллюстрацию, если она по умолчанию в svg не идет. Кастомные иконки по прежнему быстрее и легче рисовать в иллюстраторе.