[Ответить в тред] Ответить в тред

02/12/16 - Конкурс визуальных новелл доски /ruvn/
15/11/16 - **НОВЫЙ ФУНКЦИОНАЛ** - Стикеры
09/10/16 - Открыта доска /int/ - International, давайте расскажем о ней!

Check this out!

Новые доски: /2d/ - Аниме/Беседка • /wwe/ - WorldWide Wrestling Universe • /ch/ - Чатики и конфочки • /int/ - International • /ruvn/ - Российские визуальные новеллы • /math/ - Математика • Создай свою

[Назад][Обновить тред][Вниз][Каталог] [ Автообновление ] 454 | 92 | 107
Назад Вниз Каталог Обновить

Веб-дизайн полного процесса Аноним # OP  25/12/15 Птн 18:01:41  43346  
(9Кб, 300x300)
Короче поцаны, движуха такая что одного дизайна не достаточно стало, конечно, сильной верстки никто не отменяет, но варится в двиганьях пикселей тоже никому не советую больше пары лет, поэтому тред веб-дева объявляю открытым. Тут я буду складывать полезные ссылки как по дизайну, так и по фронт-енду, так же будут именно статьи с интернетов в упор на ИЮ и ЮХ, прочие радости, туториалы и видео. Материал будет либо на русском, либо на ангельском, буду помечать.
Отвечаю на вопросы и помогаю тем кто хочет вкатиться.
Так же поясняем за вокрфлоу, тулинг и прототипирование.
Ключевые слова для треда: webdesign, front-end, UI, UX, prototyping, sketch, html (jade + emmet), css (sass + bourbon), grunt, gulp, bower, responsive, pixel perfect, trends, usability, dribble, photoshop, animation, self-learning.
Поехали!
Аноним 25/12/15 Птн 18:09:03  43347
>>43346 (OP)
И тут же сразу на русском:
Про вёрстку ссылок в вебе — https://medium.com/design-soviet/-bb2495ed8c3d#.5w8at3xlm
На английском:
О флекбоксе в верстке
https://davidwalsh.name/flexbox-layouts
Вопрос: насколько релативен флексбокс?
Ответ: Очень, пруф http://caniuse.com/#search=flexbox
Как видно за бортом остается ИЕ 9 и меньше.
Аноним # OP  25/12/15 Птн 19:47:01  43348
(301Кб, 1075x607)
http://antonz.ru/2015/04/01/longread/
Отличная быстростатья на русском про то, как разбавить текст.

С иллюстрациями думаю знакомы все, а вот фактоиды — они обычно не идут в комплекте, зато их можно вычленить самому или разузнать, клиенты обычно не против. Фактоид может быть как в стиле "преимущества" или же просто факт.

Примеррилейтед. Слева — илююстрация, справа — фактоид.
Кстати кто не умеет вырезать фотки на белый фон — срочно учиться. Жизненно необходимый навык.

Аноним 25/12/15 Птн 20:49:35  43349
Пили ещё
Аноним # OP  25/12/15 Птн 21:32:51  43350
Кстати, еще один небольшой тип:
Настоящий черный хтмл-а не очень подходит для каких-либо целей, слишком сильный контраст между белым может начать рябить, поэтому рекомендую как в Смешинг использовать #333
для черного текста и других целей. (Запомни это число)
Кстати, любой серый оттенок будет в вебе иметь структуру #xyxyxy или #xxxxxx, то есть #333 станет #333333, а светло-серый #fb станет #fbfbfb.
Если что-то неправильно — поправляйте.
Аноним 25/12/15 Птн 23:44:14  43351
Посоны, мне тут предложили вебдизайнером с большим уклоном на ux, а я до этого больше с видео работал и с играми. Просто знакомый краем уха слышал, что я дизайнер и предложил. Говорит фирма серьезная и таких шансов мало бывает. И я хочу туда. Подскажите что-нибудь энтри лвл про UX-design. И что потом уже можно почитать.
Аноним 26/12/15 Суб 00:26:58  43353
(40Кб, 604x381)
>>43351
Видео курсы:
https://www.coursera.org/learn/human-computer-interaction
На английском, состоит из трех частей, скоро начинается.

По-русски о ЮХ: https://medium.com/ux-crash-course
еще https://medium.com/ux-ux-protips
и еще http://habrahabr.ru/company/friifond/blog/250605/

На английском почитать: http://www.measuringu.com/blog/getting-started.php

От себя могу сказать, юэкс это о том, как сделать просто и доступно, чтобы даже даун мог пользоваться + проработать сценарии. Кстати еще на юдасити есть что-то по этой теме. Они там много вывалили новенького.
Аноним 26/12/15 Суб 00:29:42  43355
>>43353
Благодарю! В играх тоже с интерфейсом подобное было, но я чаще отрисовывал готовые gui, чем дополнял их.
Аноним 26/12/15 Суб 03:24:13  43357
>>43353
есть ещё что по UX почитать?

>>43355
можешь подробней рассказать о своей работе? процесс, какие задачи были? очень интересно

годный тред. Оп — молодец
Аноним 26/12/15 Суб 04:24:11  43358
(40Кб, 736x552)
>>43357
Вот курсы с юдасити на английском:
https://www.udacity.com/course/ux-design-for-mobile-developers--ud849
https://www.udacity.com/course/product-design--ud509
Очень тщательно всё разжевывают.

И еще подробка с хабра:
http://habrahabr.ru/post/247493/
Аноним 26/12/15 Суб 12:23:21  43359
>>43357
>можешь подробней рассказать о своей работе? процесс, какие задачи были? очень интересно
Мы инди-хуинди, нас всего трое, поэтому какого-то четкого процесса у нас нет и какие-то вещи типа дизайна уровней делали все вместе. Я всю графику рисовал, персонажи, бг. Потом мне скидывали интерфейс кружочками и квадратиками, я все это дело рисовал в стиль нашей игры, а потом программист разрезал чтобы под все популярные размеры мобил, планшетов и под пеку одинаково гармонично смотрелось. Вот и вся моя работа над ui до вчерашнего дня.

Сам я еще вот такое на рутрекере скачал по ux http://rutracker.org/forum/viewtopic.php?t=5082346
Это совсем для ньюфагов.
Аноним 26/12/15 Суб 16:39:52  43361
>>43358
>>43359
благодарю за ответ.

поясните за подобные пикчи >>43358
вот какой в них толк? на дриббле куча такой срани, в вк репосты дриббла с сотней лайков.
где это используется кроме дриббла? в каких интерфейсах? честно говоря, не доводилось видеть в реале такие карточки продукта.

Конечно, это красиво выглядит. Да, как прием, допустимо. Но их же сотни - только цвет кроссовок меняется, каждый мамкин дезигнер пилит такие пикчи.
Я не пойму.
Аноним 26/12/15 Суб 17:35:42  43362
>>43361
Это как подиум, рик овенс например, показывают что-то совсем нереальное — потом тренды переплывают в деталях на реальное использование. Ведь именно весь флэт и начался собственно с дрибла.

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

Кстати вряд ли ты нарисуешь такую форму — а если сможешь, просим работу в тред ; )
Аноним 27/12/15 Вск 00:00:56  43363
(32Кб, 400x413)
https://medium.com/@erqiudao/how-to-make-awesome-charts-for-your-presentation-with-only-circle-in-sketch-4392f3ffd9e0#.74xa2t8y8
На ангельском небольшой тутор для скетча.
Аноним 27/12/15 Вск 00:03:26  43364
(39Кб, 800x826)
>>43363
Че-то мелко, побольше.
Аноним 27/12/15 Вск 05:15:54  43366
>>43362
Бред какой-то. Флэт начался не с дрибла, а с майкрософта.
Аноним 27/12/15 Вск 05:16:53  43367
>>43366
З.ы насчёт остального соглсен
Аноним 27/12/15 Вск 19:48:00  43369
Ворвусь в тред и посоветую незнающим подписаться на jvetrau.com. Там директор по интерфейсам из mail.ru выкладывает выжимки полезнейших материалов за месяц.

Плюс, можно подписаться на uxfox.com, там тоже много полезностей и интересных статей по юиксу. Пока всё, из-за больной головы не могу вспомнить еще штуки всякие.
Аноним 28/12/15 Пнд 02:04:09  43370
(905Кб, 2000x1600)
Разбор юэкса и юия разных тревельных компаний. Довольно таки занимательно — читается легко. На английском.
http://www.smashingmagazine.com/2015/11/airline-websites-2015-front-end-performance-ux-lessons-learned/
Вообще предлагаю всем начинающим дизайнерам отказаться от слайдеров (в большинстве случаев) в пользу последовательного изложения.
Аноним 28/12/15 Пнд 02:46:36  43371
>>43370
Вот почему кстати:
http://www.jacksonwynne.com/image-slideshow-alternatives/
http://uxmovement.com/navigation/why-users-arent-clicking-your-home-page-carousel/
Аноним 28/12/15 Пнд 03:19:14  43372
(62Кб, 1200x822)
Пикрил — дизайн, отличный, смысла — 0. Не делайте так.
Ни у кого сушенная трава и перец чили не вызовет желания поесть, даже у тайца.
Пик отсюда https://medium.com/@lonelyplanet/designing-destinations-at-lonely-planet-df2a2fc8f7df#.nk7qnbf9t

Можете посмотреть в плане визуального представления, но с юэксом там всё глухо — будьте осторожны.
Аноним 28/12/15 Пнд 10:12:43  43373
>>43370
>>43371
>>43372
Малаца.

>>38993 (OP)-ОП
Аноним 28/12/15 Пнд 20:18:22  43379
>>43346 (OP)
что ОП по поводу Адоб Мьюза думает?
Перспективная прога? Использует ее или нет?
Аноним 28/12/15 Пнд 20:29:37  43380
>>43379
Нет, не использую, поэтому ничего не могу сказать.
Вообще ноу-коуд программам отношусь скептично, иногда сам думаешь как забацать тот или иной лейаут, куда уж машине...
Верю что однажды всё таки надобность в верстальщиках отпадет.
Аноним 28/12/15 Пнд 23:58:31  43382
(46Кб, 448x282)
Итак, свежак сегодня, всё на английском, почаны:

This is Responsive by Brad Frost
http://bradfrost.github.io/this-is-responsive/patterns.html

Overhauling mobile.twitter.com from the ground up
https://blog.twitter.com/2012/overhauling-mobiletwittercom-from-the-ground-up
Учимся у твиттера.

И небольшой тип в пикрелейтеде из "Настольной книги газетного дизайнера" — рекомендую всем и каждому здесь.

Аноним 29/12/15 Втр 03:33:08  43385
(241Кб, 800x600)
Немного воркфлоу в скетче, на самом деле много лишних движений, парень не работает эффективно в плане движений мышью. Зато карточка ничего.
https://www.youtube.com/watch?v=kAIBhBLO5sc
Аноним 29/12/15 Втр 05:39:24  43386
>>43382
Строго говоря, текст говорит о том, что читать его легко, однако всё наоборот. Только это не из-за левого флага, а из-за руки, которая оттягивает внимание. К тому же, глаза спотыкаются на переносах, а выравнивание по левому полю как раз помогает избежать переносов.
Аноним 29/12/15 Втр 10:39:30  43388
>>43346 (OP)
Смуззи уже навернул?
Аноним 29/12/15 Втр 13:47:49  43391
(80Кб, 819x264)
>>43386
>что читать его легко, однако всё наоборот. Только это не из-за левого флага
Левый флаг вообще самая читабельная конструкция, не понимаю о чем ты. Смотри пик полностью.

>>43388
Хочешь угостить, сладкий?
Аноним 30/12/15 Срд 01:03:26  43401
(14Кб, 564x148)
http://artgorbunov.ru/bb/soviet/20151230/
Короткий совет сегодня, плакат с хорошей и крепкой версткой.

Аноним 30/12/15 Срд 08:43:53  43403
>>43373
https://medium.com/@creativerussia
Аноним 30/12/15 Срд 15:26:22  43406
(45Кб, 800x225)
На английском: как практиковаться, почему нельзя слепо дрибблить и где искать что бы редизайнуть.
https://medium.com/swlh/stop-dailyui-start-fixui-e685acc6858f#.fnhzjfhc6

На русском: Эмиль Рудер, Типографика.
На самом деле моя первая книга купленная по дизайну, перелистываю ее время от времени, там и про композицию есть, и про совсем неочевидные вещи тоже пишет.
http://www.newsman.tsu.ru/wp-content/uploads/library/Typographics.pdf
Аноним 30/12/15 Срд 23:09:48  43412
(51Кб, 480x188)
Пришла рассылка с инвижона за год, есть что почитать — всё на английском.
http://get.invisionapp.com/15-most-popular-design-articles-of-2015

От себя: рекомендую когда текст белый и контраст не очень четкие, немного поддавать тенью, спиздил тип с «Книги газетного дизайнера»

Пикрелейтед
Аноним 02/01/16 Суб 23:45:47  43421
(461Кб, 800x600)
Нарисовал с туториала. Нормально, надо учиться применять множественный тени, а то чо как лох.
https://medium.com/google-design/sketch-tutorial_01-b76271a095e3#.6taif22qf
Аноним 03/01/16 Вск 03:15:24  43422
В общем надо поставить цели на год, составлю пока сюда примерный список:
1. Больше практиковаться css/html, собрать минимум 3 своих макета.
2. Подогнать джейэс и джейквери.
3. Пересесть на скетч полностью для макетов.
4. Отрисовать не менее 12 веб-проектов. (один в месяц — оки)
5. Отрисовать первый мобайл-макет минимум 5 экраном и прототипировать любым тулом. (скорее всего фреймер или инвижон)
6. Отрисовать 3 полных мобайл-приложения.
7. Прочитать не менее 12 книг.
8. Не вылететь из универчика по ходу дела, лол.
9. Опционально обновить макбук, или хотя бы этому батарею сменить, вообще думаю, может аймак?
10. Найти какую-нибудь удаленку, опционально.
11. Осилить грант и бовер.
12. Не помереть и не превратиться в дрыща.
Аноним 03/01/16 Вск 14:54:09  43423
(112Кб, 1200x800)
Такс такс такс, книжки книжечки: https://blog.pttrns.com/great-books-for-designers-to-read-in-2016-d2ebea3763f4#.pvrf2arr2
Аноним 04/01/16 Пнд 21:27:11  43431
(938Кб, 242x340)
Начал прототипировать в принципле, несложно, но можно легко запутаться.
Туториалы у них на сайте:
http://principleformac.com/tutorial.html
Аноним 04/01/16 Пнд 21:30:11  43432
>>43431
Кстати еще немного есть на скетчаптв:
https://www.youtube.com/playlist?list=PLgwNtYvZGv9STGDSx_knjYyzS7XzmpK84
Аноним 05/01/16 Втр 07:55:51  43436
http://blog.invisionapp.com/7-tips-for-designing-awesome-gifs/
Как делать хорошие гифки, над читнуть позже, на сегодня хватит уже.
Аноним 05/01/16 Втр 20:35:13  43440
>>43436
А для пеки есть аналоги screenflow? Раньше ебался и отрысовывал каждый кадр в фш, а тут как-то изи
Аноним 05/01/16 Втр 21:31:26  43441
>>43440
>отрисовывал
долгофикс
Аноним 05/01/16 Втр 23:26:19  43443
>>43440
Если честно — не знаю, сам работают с мака, может АЕ?

На англицком про флексбокс:
Flexbox For Interfaces All The Way: Tracks Case Study
http://www.smashingmagazine.com/2015/11/flexbox-interfaces-tracks-case-study/

Crafting Twelve-Column Layouts with Flexbox
https://davidwalsh.name/flexbox-layouts

И на русском, "Флекс-гроу странный":
http://css-live.ru/articles/flex-grow-strannyj-tak-li-eto.html

Сколько бы не говорили что флекбокс прост — но судя по количеству статей нихуя подобного.
Аноним 07/01/16 Чтв 14:42:16  43452
Может все уже знают, но я только недавно для себя открыл font awesome и вброшу вам на всякий случай https://fortawesome.github.io/Font-Awesome/cheatsheet/
Качаем шрифт, а потом ищем нужную иконку в этом читшите, копируем и вставляем в ваш редактор. Дальше можно конвертировать в кривые.
Аноним 07/01/16 Чтв 17:48:26  43455
>>43452
Айкон фонтсы хороши, но у них есть и минусы:
https://www.designernews.co/stories/12515-ten-reasons-we-switched-from-an-icon-font-to-svg

Я тоже пользуюсь СВГ, программой http://geticonjar.com/

У них там есть годные сеты, ну или по старинке пнг.

Свежая рассылка с инвижон на английском:
http://get.invisionapp.com/weekly-digest-1-2016
Аноним 07/01/16 Чтв 18:12:15  43456
>>43455
Ну я их как базу беру, чтобы потом конвертировать в кривые. Не собирался подгружать к сайту.
За айконджар спасибо.
Аноним 08/01/16 Птн 14:46:07  43467
Привет. Недавно подключился к одному проекту в качестве дизайнера. Проект бесплатный, поэтому согласился, так как давно хотел попробоваться в юи и вебе (сам иллюстратор-3дшник). И что-то я не думал, что все будет так сложно.
Для начала оказалось слишком геморройно отрисовывать макеты в фш (наверное поэтому так популярен теперь скетч). Куча папок, слоёв. В итоге более менее разобрался, стал использовать по-максимуму смарт-обжектс и тд для упрощения работы.
Проект оказался тоже довольно сложным, требующим нестандартных решений и тут я закопался. Я надеялся отрисовать просто дизайн по прототипу, оказалось по-ходу рисования нужно еще допиливать структуру сайта и допиливать функционал.
Поэтому хотел спросить, есть ли где-то статьи для совсем общего понятия о воркфлоу? Например, о структурировании и иерархировании элементов, структуре самого сайта?
Сейчас у меня самые актуальные вопросы следующие:
— нужно разобраться с понятием масштаба страницы, чтобы не париться с разными разрешениями(необходимо четко соблюдать "экранность", чтобы определнная инфа отображалась только на одном экране без прокрутки, а верстальщик мыслит пикселями до сих пор)
— нужна какая-то статья о привычном для людей поведении элементов (например, не могу уговорить людей на привычную кнопку "далее", им кажется, что страница должна прокручиваться, как только человек выполнит сценарий на странице (сделает выбор в последнем пункте меню))

Ну и вообще, как начать рисовать пиксель-перфект и как объяснять верстальщику идеи об эффектах на странице? С каким транзишном должны появляться подсказки и тд? Понятно, что нужно в идеале верстать самому.
Аноним 09/01/16 Суб 02:53:17  43469
>>43467
Привет, давай немного пройдусь по твоим вопросам, параллельно кидая ссылки по теме.

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

Второе. Тут, как я понял, ты сам запутался сильно, так как получил довольно большой проект. Начни с карты сайта. Распиши все страницы, начиная с главной, и нарисуй основные переходы по ним, так ты поймешь что первостепенно, а что можно оставить на потом. Посмотри на конкурентов, проанализируй их удачные и неудачные ходы. Основные этапы очень хорошо написаны у тильды: http://tilda.education/courses/web-design/basicsteps/

Про масштаб. Если у тебя проект большой (не в плане количества страниц, а в плане сценариев, информации и её архитектуры), то всегда, всегда(!!!) делай mobile-first. Собственно, это уже опыт из жизни, когда работал над тяжелым проектом, мне поручили делать дизайн по варфреймам и тз приглашенного компанией ux-специалиста. За это время понял, что он ни одну из задач не выполнил, сделал всё халтурно, ничего толком не решил и увел всё в какие-то дебри. По разрешениям бери четыре основных: 320 для мобильных, 1024 для планшетов и небольших мониторов, 1280 для стандартных экранов, и если есть время и желание, сделай версию для широкоформатных мониторов в 1980. http://baymard.com/blog/responsive-upscaling (перевод есть на медиуме, могу кинуть отдельно, а то не знаю как ссылки вставлять оттуда. Их пидорасит на пять строк) вот тут про большие мониторы и работу с ними. Сайт в мобильной версии старайся приблизить к фунционалу приложений, то есть ориентируйся на mobile-ux, по нему ничего в голову не приходит, там выше много ссылок.

Про взаимодействие с программистами. По хорошему, стоит связаться с верстальщиком и пояснить где у тебя есть прокрутка, а где не будет. Это можно сделать и в небольшом файле вложении, например. Тут миллионы способов, но общение ничего не заменит. Собственно, то же про эффекты. Есть простые эффекты, уровня hover и active на кнопках, их можно отрисовать в макете (идеальный вариант, если они статичны), можно найти примеров в движении на codepen.io и поскидывать верстальщику. Всякие анимации и подобное вы уже обсуждаете с ним вместе. http://i-love-psd.ru/


Длительность анимации и её влияние. НЕ ДЕЛАЙ ЭТО ЧАСТО. Анимируй важные элементы, которые должны привлечь внимание пользователя. В среднем хорошим таймингом будет 0.2-0.3s, это по общему мнению позволяет взгляду зацепиться, не является резкой анимацией, и при этом не затянутой. Плюс, например, если у тебя анимируется один элемент, с которым пользователь может взаимодействовать, например, карточка товара, то лучше сделать важный элемент с отдельной анимацией. То есть, у тебя появляется сначала сама карточка, а через секунду кнопка, на которую пользователь должен нажать, с разницей в 0.1-0.2s . Написал криво, надеюсь поймешь. С анимацией, с принципами диснеевскими и прочей модной хуйней ты, я думаю, знаком.


Про поведение людей. Тут довольно сложно и зависит от ситуации. Единственное, что можно сказать точно. так это то, что люди скроллят всегда, но часто останавливаются на каком то проценте экрана и забивают, если информация их не интересует. Можно объединить два ваших подхода. То есть важно определить момент, когда человек перестанет скроллить, и предложить ему жмакнуть кнопку далее. Либо разобраться с подачей информации. http://www.hugeinc.com/ideas/perspective/everybody-scrolls , «Облик Книги» для работы с текстом и версткой.

Надеюсь всё зацепил и написанное понятно. Если нет, то спрашивай, я захожу раз в день-два, обязательно отвечу.
еще, надеюсь, макаба не поломает это сообщение, а то я старался
Аноним 09/01/16 Суб 03:28:33  43470
>>43469
бро, толково все расписываешь. малаца!

Можешь вот так же написать про дизайн мобильных приложений. У меня какой-то пещерный страх перед ними.
Смотрю биханс/дрибл - вроде все просто, пасаны пиксели туда-сюда двигают, да с цветами играются. А как самому что-то сделать, даже для теста, сразу тухнет энтузиазм - а если что-то не так запилю, а если так нельзя, а если разработчику не так отдам, в эти разрешениях запутаюсь.
Сам-то и сайтов и интерфейсов хренову тучу уже наделал, а для моб. приложений ещё не пришлось. Может потому, что сам особо не залипаю в смартфоне, и не в курсе всех трендовых приложений, хз.

Вообщем, на что в первую очередь стоит обратить внимание, какие самые нелепые ошибки, что почитать полезного?


Аноним 09/01/16 Суб 15:07:37  43471
(18Кб, 250x172)
Принесу вам немного про анимацию, чювак прррросто охуенно разлагает:
http://tobiasahlin.com/blog/curved-path-animations-in-css/
Аноним 09/01/16 Суб 19:36:48  43472
>>43470
С мобильными всё довольно просто, на удивление. Все разрешения описаны заранее, размеры блоков и их поведение тоже, делать под мобилки легко и интересно. За основу берешь лишь одно-два основных и популярных разрешения. Просто гугли статистику по айфонам, например (очень много людей пользуются пятым и четвертым, под них и делаешь, как вариант). Гайдлайны хорошие есть тут: http://iosdesign.ivomynttinen.com/ (по яоси и её элементам) и https://design.google.com/resources/ (у гугла тут всё подробно описано).

Почитать про мобильный ux есть много чего. Но там всё ограничивается постоянно примерами других приложений и подобной херней. От себя могу посоветовать https://www.thinkwithgoogle.com/intl/en-gb/article/mobile-app-ux-principles-improving-user-experience-and-optimising-conversion/ вот эту хорошую вводную статью, http://blog.shaihalov.ru/2015/11/16/nepravilno-ispolzuemye-mobilnye-ux-patterny/ вот эту про ошибки в паттернах поведения, https://medium.com/startups-venture-capital/your-ui-isn-t-a-disney-movie-703f7fbd24d2#.ecfu8pyso вот эту про анимацию в мобильных (и не только) интерфейсах.

Все основные размеры есть в гайдлайнах, но от себя могу добавить, что довольно важные кнопки не стоит делать меньше размера зоны соприкосновения пальца и экрана, а это порядка 34x34px. Плюс, если у приложения нестандартный функционал, то надо провести совсем небольшую экскурсию по нему, (но это важно делать правильно, была статья, не могу найти, может помогут). Еще, стоит понимать, что часто телефон держат либо в небольших перерывах в работе, либо в поездке на транспорте, либо в кафе. То есть, часто у них нет особо времени задуматься, понять куда им жмакать и что делать, поэтому интерфейсы должны быть максимально простыми, чтобы не возникало лишних вопросов.

Еще есть возможность геймофикации интерфейса, но я, честно говоря, не находил статей про это, да и не доводилось попробовать в реальных проектах. Если у кого то есть статьи, скиньте пожалуйста.
Аноним 09/01/16 Суб 20:21:28  43473
Посоны, рейт дизайн http://rafe.ru
Аноним 09/01/16 Суб 21:56:54  43474
>>43473
Бек ту 2008
Аноним 09/01/16 Суб 22:52:39  43475
>>43474
А 2016 дизайн это как сайт майкрософта?
Аноним 09/01/16 Суб 23:05:42  43476
>>43475
Заставил меня впервые зайти на микрософт — да.
Аноним 09/01/16 Суб 23:13:17  43477
>>43476
Лол, этот скролл, на 1 странице несколько страниц - разве не убого?
Аноним 09/01/16 Суб 23:24:39  43478
>>43477
>Лол, этот скролл, на 1 странице несколько страниц - разве не убого?
Не знаю, у меня ничего такого, капчую из европки. Тут просто главная с большой листалкой на главной и какие-то промоблоки.
Аноним 10/01/16 Вск 01:38:26  43479
(192Кб, 800x600)
www.cdsantos.github.io/jquery-drawsvg
Охуевший джейквери для анимирования свгшек простяцкого. Охуенно, накачал себе иконок под вечер, день удался епт.

Кстати в бюро разобрали типичный говно-лендинг:
http://artgorbunov.ru/bb/soviet/20160106/

А Штанг вывесил несколько веб-работ в блоге:
http://nobelfaik.livejournal.com/
Не представляете — но адаптивненько! Что для бюрошника вообще через голову переступить, хотя он от них отбился немного.
Аноним 10/01/16 Вск 18:56:33  43483
Вот, что ты тут >>43385 хорошего увидел?
ЭТО ЖЕ СТАНДАРТНЫЙ МАКЕТ КАРТОЧКИ ТОВАРА В ЛЮБОЙ МАЛО-МАЛЬСКИ НОРМАЛЬНОЙ ТЕМЕ. Еще и не ясно лайк типа нажат уже, ибо, если нет, то хули он такой главный, вместо кнопки, и шара убранная под кнопку снижает и так не высокий процент кликов в ноль. Ну, отступы нормально отсупили лол. А это ебаная стилизация фоток на деле никогда не работает, если в магазине более 100 товаров, и они постоянно обновляются.

Заебали с концептами в вакууме. Миллионы их, а используются хоть как-то на 0,5 промо-сайтах. Тогда, как никто не пилит концепты на типовые задачи в условиях безумства контента, котоырй готовит не дизайнер, ибо хули там пилить-то, да.
Аноним 10/01/16 Вск 20:44:50  43484
>>43483
>>43362
Аноним 10/01/16 Вск 21:25:02  43485
>>43484
Да какой подиум, блин. Там одинаковое все ведь, а когда пытаешься применить какие-то элементы натыкаешься на кучу тех.ограничений, вот, если бы они интерфейсы уже сверстанные постили - было бы дельно.

У упомянутого Рика нормальные коллекции шмоток, странная херня только на шоу, и только как элемент шоу, которое соседствует с сутью вполне носибельных шмоток, да, бывают показы шмота и совсем ебанутого, но там в другом суть, нехер это сранивать с говно картинками, это можно сравнить с презентациями хололенс и типа того.

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

Ощущение, что все это ориентировано на презентации, чтоб всякие тендеры выигрывать и работу у хипстеров-детей-инвесторов получать. На это дрочат, пихают в проекты, потом этим говном пользоваться невозможно.
Аноним 10/01/16 Вск 21:32:32  43486
>>43485
Я тебе так долго писал, но всё скинулось нечаянным движением вправо, короче суть в том что ничего криминального эти люди не делают.

Сейчас можно сверстать всё что угодно, а на кодихаус вообще выставляют готовые темки именно по шотам с дриббла.

>работу у хипстеров-детей-инвесторов получать
Ну и заебись, тоже так хочу, мы же не детей тут убиваем.

А плохой интерфейс никогда не приживется просто так — дарвинизм в действии.
Аноним 11/01/16 Пнд 15:25:50  43487
(15Кб, 535x174)
Увидел сегодня вот такую классную деталь, к вечеру попробую ее оживить с помощью приницпла.
Аноним 11/01/16 Пнд 16:18:31  43488
(798Кб, 591x300)
>>43487
Аноним 11/01/16 Пнд 16:30:34  43490
>>43488
Ну и качество, блять. А мув борда не поддерживает.
Кстати, я ищу работу, вдруг мимо проходимцы увидят.
lets.die@yandex.ru
Аноним 11/01/16 Пнд 17:10:47  43492
>>43486
Криминального-то нет ничего, просто все это как-то странно. Впрочем, вроде как именно за этот странный дрочь и платят. Вот, сегодня ходил на собеседование, мне там так и сказали. Мол, срать на суть, главная в жопы наебаться со всякими картинками и презентациями. Я пытался возразить, мол, это все круто, но чому в портфолио все какое-то кривое (в плане того, что мне показывали няшное видео презентации сайта, все там такое анимирвоанное дохуя, а потом заходили на реальный сайт, и там все работало не так уж и няшно), ну, мне сказали, мы стремимся. Хотя можно было сделать все сделать по-простому, но зато не глючно. Но, видимо, этим потом не получается выпендриваться и йоба-заказы получать.
Аноним 11/01/16 Пнд 17:20:21  43493
(56Кб, 500x535)
https://www.smashingmagazine.com/2016/01/learn-from-the-history-of-banknote-design-most-desirable-product/

Про дизайн денег на английском.
Аноним 11/01/16 Пнд 22:03:47  43496
(642Кб, 946x648, 00:00:03)
>>43490
Webm поддерживает, епты!
Аноним 12/01/16 Втр 02:33:26  43498
https://ia.net/know-how/the-web-is-all-about-typography-period

Ссылки для веб-типографикию
Аноним 12/01/16 Втр 04:11:55  43500
(997Кб, 434x712, 00:00:17)
>>43496
Затещю, ночное лоу-фиделити.
Аноним 12/01/16 Втр 09:30:05  43505
>>43500
А как подобное реализовывают в коде? Есть какие-то йоба-либы для такого? Я уж не про прелоад, а просто вот эта занятная анимации. Я более-менее представляю как почти все показанное сделать на одном jq, но будет говнокодисто, а как это полоска синяя так хитро станет бордером хедера - вообще не представляю.
Аноним 12/01/16 Втр 13:09:18  43512
>>43500
в чём ты такую анимацию делаешь?
Аноним 12/01/16 Втр 14:27:32  43514
>>43505
Знаю что у фейсбучного тула есть какие-то миграционные штуки, но в принципле кажется ничего такого. Зачем джейквери? Тут все можно давно на чистом css бахнуть, а вот и код для полоски http://codepen.io/anon/pen/WrOKdK
потом бордер можно щелчком сделать визибл, а полоску вырубить. Вендорные префиксы не писал, да и собственно вообще вчера тренировался джаст фо фан.

>>43512
Principle, но если нет мака, то еще куча аналогов.
Аноним 13/01/16 Срд 02:39:37  43518
>>43514
>бордер можно щелчком сделать визибл, а полоску вырубить
Вот тут, на деле окажется не так няшно, как на видео, сдается мне.Одно вырубится, другое не врубиться во время, какое-нибудь мерзкое подергивание появится. Нет ссылки на заверстанный лайаут с большим количеством такой анимации? (желательно ровная-четкая демка, а не вырванный из фейсбука какого-нибудь)
Аноним 13/01/16 Срд 08:51:09  43520
>>43518
https://codyhouse.co/library/
Аноним 13/01/16 Срд 15:21:48  43525
(68Кб, 824x252)
Посоветуйте что-нибудь по такой карточке. И как сделать моднее, но без потери удобства и понимания? Статус обозначается цветной полоской слева, остальное, вроде, понятно?
Аноним 13/01/16 Срд 17:05:19  43528
>>43525
Мелковато, это 8 – 9 кегль?
"Запросить" с большой буквы. Сейчас больше похоже на бирку чем на кнопку.
Иконка "поделиться" не та, это иконка "ответить".

Что значит отправлено? Куда отправлено?

http://artgorbunov.ru/bb/soviet/20150701/
Аноним 13/01/16 Срд 18:02:07  43529
(3Кб, 384x512)
(31Кб, 1200x1200)
(6Кб, 512x512)
>>43528
Это 10 и 11, заголовок 18
"Запросить" — это ghost button, на сайте они используются в других местах (при наведении инвертируется), плюс логически действие отличается от всех других, поэтому на вид кнопка другая.
Для "поделиться" какая иконка лучше?
"Отправлено" — это статус обращения. Там выпадающее меню, где можно выбрать текущий статус (отправлено, решено, отказано и тд)
Аноним 13/01/16 Срд 18:35:10  43530
>>43529
Вечером вернусь домой, попробую переделать.
Аноним 13/01/16 Срд 19:22:42  43531
(163Кб, 826x252)
>>43530
Какие-то странные размеры почти всего — неровные.
Короче как-то так, зависит от того главное ли это действие пользователя — запросить статус.
Аноним 13/01/16 Срд 19:33:34  43532
>>43531
Если высота не фиксирована, то превьюшки можно кинуть под главное фото.
И справа будет больше дышать. Кнопку тоже покрупнее.
Аноним 13/01/16 Срд 19:51:14  43533
(59Кб, 824x252)
>>43525
первое что в глаза бросилось
>>43531
наркоман )))
Аноним 13/01/16 Срд 19:53:33  43534
>>43533
Не факт, такие вещи часто ищут по фотке сперва.
Аноним 13/01/16 Срд 19:59:29  43535
>>43534
факт в том, что фотки скорее всего будут говном, так что ставить это говно первым смысла нет
Аноним 13/01/16 Срд 20:00:14  43536
>>43535
Какая разница говно или нет? Если есть задача четко найти свое говно.
Аноним 13/01/16 Срд 20:23:29  43538
>>43536
ну хз
Аноним 13/01/16 Срд 21:47:26  43539
(931Кб, 826x1383)
>>43525
>>43529
>>43531
Аноним 13/01/16 Срд 22:21:34  43540
(931Кб, 826x1383)
>>43539
Еще подвигал...
Аноним 14/01/16 Чтв 00:01:05  43541
(631Кб, 2235x2235)
Бдыщ, карточка, завтра замучу еще несколько и попробую анимировать с функцией 3д-форс.
Аноним 14/01/16 Чтв 01:19:23  43543
(321Кб, 374x666, 00:00:11)
>>43541
Короче тред превращается медленно в мои работы, но надеюсь кому-нибудь интересно. В общем я думал как же я все это дело анимирую и собрал легкий каркас, чтобы завтра представлять с чего начинать.

Кстати, сегодня ровно год как я в дизайню.

А еще я учу 10-пальцевый метод печати, поэтому жизнь — боль.
Аноним 14/01/16 Чтв 14:47:25  43546
http://prgssr.ru/development/sekrety-rezhimov-nalozheniya.html
Секреты режимов наложения
Аноним 15/01/16 Птн 00:07:35  43562
(519Кб, 374x666, 00:00:05)
>>43543
>>43541
Ну-ка, мойша дизайнеры, процесс "в корзину" явно не правильный вышел — должен ли лететь сам товар? Или ок?
Аноним 16/01/16 Суб 03:31:24  43586
>>43562
Нормально. Разве что анимацию плавнее как-то сделать: может медленнее и элегантней.
Аноним 16/01/16 Суб 13:08:01  43589
(1Кб, 90x55)
>>43562
Добавить цифру при приземлении, и слишком быстро кружком стает, может вообще не делать кружком? И попробовать типа приклейтеда.

А вообще карточка недостаточно йоба, раз уж предполагается такая замарочка с фоном, то и саму карточку стоило бы еще поддизанить интереснее, хотя бы бейджик с ценой как-то занятнее (и добавить пустую строку, на случай, если название в одну не влезет).
Аноним 16/01/16 Суб 15:54:22  43597
ОП, а что делать, если умных статей почитал, проникся, рисовать в фотошопе что-то умею, css только на уровне 2010 года, html слабовато? Делать уроки? Пилить примеры? Придумывать себе задачи?
Алсо, что делать, если у меня винда? Чем заменить скетч?
Аноним 16/01/16 Суб 19:19:03  43602
>>43597
Практикуйся, епта. Сделай знакомым сайт на шару за пивасик Задрочи софтину, до хорошего уровня, потом за цсс принимайся, если нравится он тебе.
https://youtu.be/EgImRV_h4dc
Аноним 16/01/16 Суб 19:20:02  43603
>>43597
>ОП, а что делать, если умных статей почитал, проникся, рисовать в фотошопе что-то умею, css только на уровне 2010 года, html слабовато? Делать уроки? Пилить примеры? Придумывать себе задачи?

Сделай себе сайт, сам нарисуй, сам сверстай, отличая практика, сам таки делал.

Ну и просто ставь какие-то таски, я например хоть и не любитель бессмысленного дроча на пиксели, но хочу попасть на дриббл, так как грят что так водятся реальные работодатели (надеюсь что это так)

>Алсо, что делать, если у меня винда? Чем заменить скетч?

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

>>43586
>>43589
Спасибо, идея с круглишком меня уже посетила и я ее вживил, позже покажу финальный вариант.

Ссылка треда: Курс «Типографика и вёрстка»
https://www.dropbox.com/s/ytg1glvm8dkpe0u/etc.pdf?dl=0
Аноним 17/01/16 Вск 22:23:14  43619
(48Кб, 543x342)
http://typography.supply/
An inventory of typographic tools.
Аноним 18/01/16 Пнд 12:30:32  43624
https://www.coursera.org/learn/fundamentals-of-graphic-design
Курсера на английском — основы граф. дизайна.

Раньше смотрев даже бесполезные курсы я успокаивал себя тем, что хотя бы учу англицкий, сейчас же мой скилл языка настолько поднялся, что теперь мне кажется будто я проебываю время, гляну немного — если годнота то отпишусь.
Аноним 18/01/16 Пнд 21:10:46  43636
ОП, спасибо за всю информацию, которую ты выкладываешь в тред, очень много полезного, особенно про ЮХ и ЮИ.
Прямо-таки кладезь.
С недавнего времени начал заниматься UI под IOS,
осваиваю это дело, с вебом не знаком вообще.
Оцени пожалуйста последнюю работу, хотелось бы получить детальную критику: http://i.imgur.com/Kiohnqj.jpg
Суть приложения (как его видит заказчик) - "UBER для офисов", выбираешь точку на карте,
выбираешь тип офиса, ценовую категорию, количество мест, и параметры времени\даты. После этого приложение находит тебе офис рядом с тем местом, что ты выбрал. Заказчик очень хотел выделить политику 100% денежных возвратов.

Насколько хорошо я справился с задачей? Какие ошибки сделал?
Аноним 18/01/16 Пнд 21:14:30  43637
(18Кб, 320x427)
>>43636
Сажа приклеилась. Поднимаю.
Аноним 19/01/16 Втр 14:51:15  43648
>>43636
Отвечу вечером — в целом ок, но есть грубоватые моменты.
Аноним 19/01/16 Втр 20:51:00  43659
>>43361
>вот какой в них толк? на дриббле куча такой срани, в вк репосты дриббла с сотней лайков.
Это как высокая мода: ласкает глаз, но носить невозможно. Такие вещи никто не реализует в жизнь на серьезных проектах, потому что — это не работает, не удобно пользоваться, дорого в разработке и т.п.

Не советую забивать портфолио подобным нежизнеспособным шлаком. В серьезных конторах сразу скипают такие резюме, всем интересны только реальные кейсы.

Аноним 19/01/16 Втр 20:56:45  43660
>>43562
Такое впечатление, что зеленый кружок который летит к корзине, улетает куда-то за экран. Хорошо еще показывать на нем количество вещей в корзине.

Кнопка "Add to card" после помещения в корзину должна показать, что этот товар уже есть в корзине. В идеале ещё дать возможность изменить количество товара положенного в корзину и убрать из корзины не переходя в нее. Ну то есть, скорее всего это будет уже другой ui элемент.

Аноним 19/01/16 Втр 21:29:46  43662
>>43636
Всё слишком мелко:
- инпут поиска
- нотификация в бургере
- "/hr" в тарифах
- кнопки +\- на втором экране (посмотрел бы я на пользователя попытавшегося нажать на них)
- большая часть наборного текста

Ели верхнее меню типо стандартное системное, то соблюдены отступы, размеры шрифтов и иконок. Если нет, то без претензий, однако, нарушать привычные для пользователя конструкции интерфейса — плохо.

Иконки со стульями на меньших экранах превратятся в месиво из пикселей. Такая детализация излишество.

На втором экране нарисован стул с цифрой пять. Я правильно понял что это счетчик от +\-? Если это так, то надо выделять более явно и отдельно, а не помещать в иконку.

На втором экране идет описание "business class...", короче в этом тексте нет акцентов. Просто какое-то месиво.

На остальные экран почти те же проблемы.


не ОП
Аноним 19/01/16 Втр 22:07:52  43664
>>43636
https://invis.io/HZ5NO7M79

Снизу справа кликнешь показать комменты
Аноним 19/01/16 Втр 22:12:14  43665
>>43664
Оп продублирую тебе, ответь пожалуйста.

«Поясните за ширину макетов в фотошопе для сайта. Ну вот сделал я 1920 в инвижене проверил, поставил чтобы по ширине браузера ужал, все пиздец мелкое какое-то 14 кегель ели видно. 1200 пх чужой макет поставил там с 12 кеглем все так заебись смотрится. Сколько ширину ставить короче?»
Аноним 19/01/16 Втр 22:17:08  43666
>>43665
Все зависит от твоего экрана, но подозреваю что у тебя 1440 где-то.

Смотри, ты ужал 1920 на 1440, то есть на 30% грубо говоря, а значит графика и шрифты ужались тоже на 30%. Открываешь чужой макет в 1200 — все ок, потому что экран больше чем макет, вероятно еще полоски сбоку остались.
Аноним 19/01/16 Втр 22:28:16  43667
>>43666
>666
Ну так на сколько все рисуют. 1200 ставить все таки?
Аноним 19/01/16 Втр 22:29:56  43668
>>43666
>вероятно еще полоски сбоку остались.
Откуда узнал бля.
Аноним 19/01/16 Втр 22:38:21  43669
>>43667
Я рисую на 960 сперва, во-первых сейчас много планшетов и это уже ок для них, потом с 960 ты точно понимаешь свой функционал и сетку — как ты будешь ужимать под мобильники, с 960 рисуешь 600 и 340 (кажется) короче под айфон 4.

Потом если есть желание 1280 +

Это чисто мой воркфлоу, знаю типов которые рисуют с мобильных.


Сайт-альма-матер http://www.webdesignrepo.com/

Список визуальных решейний http://www.calltoidea.com/p-claims.php

Учимся печатать десятью пальцами http://www.typingstudy.com/

Процесс интересный для ЮИ http://destroytoday.com/writings/building-the-casper-homepage/

Школа редимага — читаем про шрифты
http://shkola.readymag.com/
Аноним 19/01/16 Втр 22:53:40  43671
>>43669
Ахуенно. Спасибо большое.
Аноним 19/01/16 Втр 22:54:23  43672
>>43669
А про first mobile это же дефолт. Ну типо с мобильного легче потом на полный сайт перерисовать.
Аноним 19/01/16 Втр 23:02:15  43673
>>43672
Да легче, но в некоторых проектах играет как шоры коню, загнанный в 340 пикселей ширины никуда не разбежишься. Если проект не столь требователен к мобильной разработке — начинаю с десктопа.
Аноним 19/01/16 Втр 23:12:08  43674
(225Кб, 1030x704)
>>43664>>43662
Спасибо за критику, ребята.
Некоторые замечания очень по делу, сложно со стороны
смотреть на свою работу.
Что касается кнопок +/-, то я взял эти кнопки из IOS9,
правда только после ваших комментариев заметил,
что использовал их не так, как следует.
ОП, единственное что я не понял, это про неформальное общение.
Это плохо или хорошо? По мне так надписи вида "Yeah!" и "Nice!" на кнопках разбавляют общую серьезность.
Аноним 19/01/16 Втр 23:18:54  43675
>>43674
Тиндеру может и пойдет "еа" "найс" "летс гет ит он", но у вас вроде серьезная тема — тебе решать короче.
Аноним 20/01/16 Срд 17:54:04  43694
Есть емкая и четкая статья поясняющая необходимость вертикального ритма? Сука, мне не верят, и даже переделка макетов со всеми чертежами и пояснениями не помогла.
Аноним 21/01/16 Чтв 01:02:00  43709
>>43694
буду благодарен за толковую статью про вертикальный ритм.
Сколько не читал, смотрел лекций, в реальном проекте ничего годного не получалось.
Аноним 21/01/16 Чтв 15:06:35  43718
>>43694
>>43709
Вообще у меня у самого с ним адские проблемы, и есть конкретные вопросы, но такие вещи я уже привык делать на глаз.
http://artgorbunov.ru/bb/soviet/20140310/
Аноним 21/01/16 Чтв 18:13:13  43721
(575Кб, 2000x1500)
http://get.invisionapp.com/weekly-digest-6-steps-to-designing-better-dashboards-workflow-v2.0-and-catalyzing-creative-problem-solving-nodbox

Свежая рассылка с инвижона.
Аноним 21/01/16 Чтв 19:24:54  43724
На английском: Семантическая анимация (!)
http://alistapart.com/article/motion-with-meaning-semantic-animation-in-interface-design
Аноним 22/01/16 Птн 05:00:45  43738
>>43718
Неа, он просто же блок редизайнит, а не задротствует про ритм.

Суть просто в том, чтоб не делать на глазок, на самом деле. С точки зрения именно восприятия, можно и на глаз все нормально выставить. Но верстать-то удобнее по циферкам. Если ритм четко определен, то можно вообще все в em делать, и менять просто сменой одной циферки потом. Я накатаю завтра большой пост с примерами.
Аноним 22/01/16 Птн 15:30:08  43742
>>43738
о, спасибо, буду ждать.

вот например сделано как тут:
http://www.gridlover.net/try
или тут http://typecast.com/gallery/sherlock-holmes-baseline
только текстовую страницу я могу хорошо сделать. но если там есть ещё иллюстрации, вставки более мелкого текста, какие-то спец.блоки/менюшки, не могу понять как расчитывать ритм, какие отступы делать между картинкой и текстами, как располагать тот или иной элемент,не растягивая его до направляющих.
Аноним 22/01/16 Птн 18:07:32  43745
>>43742
>>43738
Давайте почоны, приятно знать что я тут не один заинтересован.

А тем временем:
Свг-свгешечки http://svgicons.sparkk.fr/
100 Дней свифта http://samvlu.com/ (тоже думаю выучить потом, сперва джейэс подтянуть)

Выбираем тул для прототипирования: https://medium.com/the-artificial/selecting-the-optimal-prototyping-tool-f60bc49aecf3#.iflaw81ib
Аноним 22/01/16 Птн 23:17:12  43746
(7Кб, 251x237)
>>43346 (OP)
Не хочу шитпостить, ОП-чик, но хочу выразить огромную благодарность за то, что выкладываешь весь этот великолепный материал! Добра тебе.
Аноним 23/01/16 Суб 03:04:39  43752
>>43745
В свифте так все заточено под работу с интерфейсами, пиздец, нищеброды страдают и ябутся с афтером.

Сел писать про вертикальный, клацнув на ссылки, и хуй знает что писать, очевидно же лол, хотя днем минут 10 чет там рассказывал про это ирл, и меня заткнули, а я только разошелся. Наверное, нужно несколько макетов сделать "было/стало".
Аноним 23/01/16 Суб 12:09:50  43759
>>43752
Ну сам я смотрю чтобы теорию близости не нарушало, 80-100 пикселей между блокам, но если какие-то иллюстрации и прочие радости то дейтствую на глаз.

А ритм? Ну хуй знает, большие иллюстрации всегда сверху, чередование контраста и тд.
В общем не совсем понятно про что там спрашивали, надо конкретные примеры.
Аноним 23/01/16 Суб 22:00:58  43769
http://www.zell-weekeat.com/responsive-typography
Everything I know about responsive web typography with CSS

http://andrew-r.ru/notes/?go=all/how-to-organise-fonts/
Организация шрифтов в проекте
Аноним 24/01/16 Вск 10:58:27  43782
(26Кб, 587x200)
http://www.smartis.ru/school-1level
Про школу стажеров, детально и дотошно.
Аноним 24/01/16 Вск 11:07:57  43784
>>43782
Блять, даже ученики все еще верстают фиксированно, ну не пиздец ли это? Мне школа не нравится своим консерватизмом в этом плане, но пойду в нее через год. Поэтому и существует этот тренд, от европейцев хочу перенять их практику — вседоступность и удобсто любых медиумов, от школы научиться управлять проектами и договариваться с клиентами.
Аноним 24/01/16 Вск 11:10:38  43785
(1396Кб, 400x300)
http://webdesign.tutsplus.com/tutorials/mastering-alignment-and-distribution-in-sketch--cms-24075
Mastering Alignment and Distribution in Sketch

http://tilda.education/articles-images-for-social
Справочник: размеры картинок для 9 социальных сетей
Аноним 24/01/16 Вск 11:13:39  43787
https://www.youtube.com/watch?v=gHgjVle4-h0
Аноним 24/01/16 Вск 11:34:38  43789
(212Кб, 800x600)
Почти годный макет с дриббла, объясняю почему да и почему почти:
+ Хороший акценты
+ Цвет
+ Вместо карусели с пульками нормальный слайдер
+ Эстетичное решение с блоков в центре, иногда картинки действительно не могут растягиваться на фул-видз, однако тут получилось симпатично даже так.

– Меню вверху + бургер = 2 меню
– Два раза The modern way to pay, на первом экране надо было писать что это именно такое
– Уродская кнопка в верхнем правом углу
– Слишком проминентный мокап айфона — надо было с аутлайном сделать.
Аноним 24/01/16 Вск 11:35:36  43790
>>43789
А еще точки в заголовках! – 
Аноним 24/01/16 Вск 11:42:12  43791
https://m.signalvnoise.com/the-fidelity-curve-weighing-the-costs-and-benefits-of-interface-design-mockups-b259634807e2#.ka0fjnofi
The Fidelity Curve: How to weigh the costs and benefits of creating UI mockups
Аноним 24/01/16 Вск 12:46:19  43794
>>43790
Так нинужны же, неа?
Аноним 24/01/16 Вск 13:46:39  43797
>>43794
Ды, не нужны, я про нижние в блочках — поэтому и минус
Аноним 24/01/16 Вск 16:51:23  43801
(87Кб, 650x975)
https://www.typewolf.com/assets/7844238711/typewolf_10_best_free_fonts.pdf
Лютая годнота, 10 бесплатных фонтов.
Аноним 24/01/16 Вск 21:51:01  43807
>>43801
http://overpassfont.org/
Бесплатный нормальный веб-фонт Оверпасс.

UI решения
http://zurb.com/patterntap
Аноним 25/01/16 Пнд 01:09:40  43809
Кто-нибудь может пояснить за управление загрузкой страницы?

Есть вот это http://ilyabirman.ru/projects/emerge/, но оно платное и слишком много на себя берет. Всякие прелоадеры это гониво, ибо просто ждут загрузки всех элементов, а не управляют ей.

Хотелось бы следующий функционал. Добавляем к элементам доп.класс "load_1", "load_2" и т.д. и очередь загрузки идет по порядковым номерам, ну и плюс возможность анимацию прикрутить и кастомно дописать т.е. загрузился "load_1", вылетел слева, загрузился "load_2" вылетел справа, а не все загрузилось, а потом начало вылетать.

Вот ссылка на подборку статей http://usabili.ru/news/2014/06/03/javascript-load-and-execution-order.html (судя по поняше, кто-то местный автор). Я там немного почитал, но ничего не прояснилось. В основном речь идет о загрузки скриптов, использовании всяких упаковщиков и т.п. Меня же интересует загрузка контента. Вот еще http://web-standards.ru/articles/front-end-performance/.

Допустим, страница у нас простая, загрузили jq.js и css-ы просто в head. Затем грузится dom и картинки.
Вот задача грузить так:
1. <div class="load_2"><img src="anon.jpg" class="load_1"/></div>
2. <div class="load_4"><img src="anon.jpg" class="load_3"/></div>
А не:
1. <div class="load_1"><img src="anon.jpg" class="load_4"/></div>
2. <div class="load_2"><img src="anon.jpg" class="load_3"/></div>
Ну или хотя бы сначала див, потом картинку в нем, и только потом следующий див и его картинку. А не сначала весь dom, а потом картинки к нему. Ну или как вариант хотя бы картинки последовательно вот здесь так грузятся http://portfolio.cpeople.ru/portfolio/all.

Вот есть легкий код:
<!-- html -->
<img src="main.png" id="mainImg">
<img src="" data-src="notmain1.png" class="notmain">
<img src="" data-src="notmain2.png" class="notmain">
<img src="" data-src="notmain3.png" class="notmain">
/ javascript /
$("#mainImg").load(function() {
$(".notmain").attr('src', function() {
return $(this).attr("data-src");
});
});
Но это гон какой-то, если таким образом описывать пример выше с cpeople. Вообще, все, что удалось найти - это, либо просто последовательное появление (при условии, что все уже загрузилось), либо какие-то тонны js, где приходится полностью описывать логику загрузки страницы, а не просто классы проставить, например, при условии, что контент на разных страницах будет разный, это гемор дикий, и отдельный скрипт для каждой страницы.
Аноним 25/01/16 Пнд 02:06:38  43810
>>43809
http://mynameismatthieu.com/WOW/
Аноним 25/01/16 Пнд 02:54:56  43812
>>43810
Это анимация уже загруженных элементов. Речь не об этом. В /пр пересоздал впрочем.
Аноним 25/01/16 Пнд 13:06:55  43817
>>43812
Хочешь поменять ренднер дома? Дом насколько я знаю грузится последовательно и это никак не изменить, если хочешь чтобы что-то загрузилось раньше — ставь раньше в дереве.
Мои знания в этом поверхностны, но курсы с юдасити грят так.
Аноним 26/01/16 Втр 05:52:21  43827
>>43817
Да, но с жс как раз и можно управлять последовательностью.
Перевожу приведенный код:
Грузим дом обычным способом (в 6 потоков, вроде грузит, т.е. и main.png и notmain1.png и остальные грузятся одновременно), но отображаем notmain1.png и остальные, только когда полностью загрузится main.png.

В /pr подсказали #Control-Flow-Libraries, я погуглили и пока готового решения не нашел, их много всяких, но везде кодить нужно, а не просто классы прописать.
Аноним 26/01/16 Втр 06:09:13  43828
>>43827
Ну т.е. мы не управляем все равно, но создаем нормальную иллюзию, а не блокируем все прелоадером на всю страницу. В принципе можно и управлять, подгружая одни куски дома по мере загрузки других. Здесь можно вспомнить про lazyload, но, нет, это совсем не то (он вообще говно ебаное, лень писать, в гугле много об этом).
Аноним 26/01/16 Втр 18:05:16  43843
>>43828
Короче, я поэкспериментировал.
Если мы хотим кастомную анимацию делать (а не как в емердже) - библиотека и не нужна получается, потому что нам нужно завязать на .load только первый экран сайта, все равно анимацию каждый раз прописывать в зависимости от дизайна. А весь остальной контент проявлять только после загрузки последнего элемента первого экрана. Ну это в общем случае, если параллакс, например, с тяжеленными пнгахми, то его так же следует включить в зависимости .load, ибо уебищно выглядит, когда изображение уже летает, а еще не догрузилось. Прелоадер для контента ниже первого экрана смысл будет иметь не всегда (если наша цель повышения няшности), а там где будет пишется отдельно, либо можно прицепить к классу (который дописываем всем необходимым элементам) обычную крутилку, добавлять ее .prepare к элементам, а после загрузки аниируем появление элемента, и .hide на элемент в .prepare.
Аноним 29/01/16 Птн 20:58:27  43872
(140Кб, 834x399)
Вопрос из разряда ux:
как быть с загружаемыми фотографиями? Пользователи могут загрузить от 1 до 5 фотографий разного формата и ориентации, как показать эти фото в карточке? В нынешнем варианте при загрузке одной вертикальной фотки остается пустое место.
Обрезать все фото до квадрата и вставлять только первую фотку? Скучно. А мелкие миниатюры слишком мелкие будут.
Аноним 29/01/16 Птн 21:53:51  43877
(89Кб, 834x399)
>>43872
Тут и при загрузке одной горизонтальной с иными соотношениями сторон пустота будет.

Одну в квадрат кропить, веселись на ховерах.
Аноним 30/01/16 Суб 12:30:08  43890
>>43877
Спасибо, буду думать
Аноним 30/01/16 Суб 14:29:50  43893
>>43809
Изи. Собираешь все лоады в массив. Проходишь по массиву. Вешает на онлоад картинки появление и так до конца. Так делают уже лет 5. То что у бирмана можно написать за 30 минут. На чистом жс чуть больше. Фронт–ендер в треде. Все в машину. Все вот эти ваши анимации красивые разбиваются в пизду когда, ебучим дизайнерам, на ебучих старых телефонах, показываешь как это все тормозит. Это актуально для компутеров или айфонов 5-6 и новых андроидов.
Аноним 30/01/16 Суб 15:51:52  43895
(243Кб, 1116x1378)
>>43893
Да хуй так кто делает. Все просто прелоадер на всю страницу кидают, максимум отдельно еще на тяжелый внешний контент (на какой-нибудь парсинг обычно). Если тонкостями загрузки и замарачиваются то только на часть разработчика (скрипты там грузят хитро и т.п.), на внешний вид клали.

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

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

Примитивный скрипт (смените путь бутсрап.жс):
http://pastebin.com/DfAvbK23
Аноним 30/01/16 Суб 16:01:15  43896
>>43895
Алсо, все это актуально для внутренних переходов по сайту с применением аякса для загрузки страниц. Внешний переход на главную - здесь все это будет немного кастрировано.
Аноним 30/01/16 Суб 16:08:28  43897
>>43895
Конечно это никому не нужно, ведь ты либо грузишь картинки подряд либо ты их с жыеса как хочешь подсовываешь и куда угодно кидают. Так делают в SPA. На простых сайтиках такого нет.
То что ты описал это вообще пушка.
Вешает в начале страницы див с красной полоской. Жыесом считаешь контент который нужно загрузить и делишь 100 / количество контента. Это число и есть процент на который увеличивается стрелка красная после загрузки каждой картинки например. Когда 100%, прячем все, и показываем готовую картинку.

Скрипты в шапке гавно. Стили в принципе тоже можно подгрузить позже, после основного экрана, как и шрифты.

Может я не понятно объясняю, но это делается все очень легко, и не понятно что ты мудришь.
Аноним 30/01/16 Суб 16:11:28  43898
>>43896
С новомодными фрейморками типа реакта можно вообще не напрягаться по поводу аякса. Загрузил в локалсторедж текст, и оттуда его берешь да и отрисовываешь.

Почитать и потыкать у себя может тут.
http://themeshaper.com/2015/05/07/theming-with-the-rest-api-meet-picard/
Аноним 30/01/16 Суб 16:13:52  43899
На очень быстрых интернетах даже прокатывает такой трюк:
1) нажимаем на ссылку, вся страница фейдаут делает.
2) при загрузке новой страницы фейдин.

И пользователи думают что работает все без перезагрузки и очень быстро.
Аноним 30/01/16 Суб 16:34:43  43900
>>43897
Если все так просто - покажи хоть один сайт.

Страницу в вакууме сделать легко, на реальном сайте адский гемор - все верстать с нуля и переписывать всю навигацию под аякс.

Красная полоса прелоадер на время дом и скриптов, дальше белые блоки раздвигаются, пока картинка под ним грузится, и т.д. Основная идея - использование элементов дизайн страницы как индикатор загрузки.

Вот http://ony.ru/yarky?prev_work_id=37 (нужно ткнуть по картинки внизу "следующий проект") это не отражает суть того, что я пытаюсь донести, но показывает почему прелоадеинг и аякс это няшно.
Аноним 30/01/16 Суб 23:59:40  43912
>>43900
>Вот http://ony.ru/yarky?prev_work_id=37 (нужно ткнуть по картинки внизу "следующий проект") это не отражает суть того, что я пытаюсь донести, но показывает почему прелоадеинг и аякс это няшно.

Че-то у меня дико глючит в хроме, будто сайт умирает на пару секунд.

Аноним 31/01/16 Вск 00:16:44  43913
>>43912
Что именно происходит? Там вроде и глючить-то нечему.
Аноним 16/02/16 Втр 00:41:41  44148
(162Кб, 960x960)
Нет, оп не умер и не ушел в цифровое пространство – оп был на каникулах с тян. А теперь снова погнали.

Передряги при переносах (по-русски)
http://css-live.ru/articles/peredryagi-pri-perenosax.html

Сегодня начался
HTML, CSS, and Javascript for Web Developers
https://www.coursera.org/learn/html-css-javascript-for-web-developers

Пикрелейтед с поездки
Аноним 16/02/16 Втр 05:20:11  44151
(66Кб, 1140x599)
Новый плагин от инвижон с риал дейта.
http://labs.invisionapp.com/craft

Разбор его же
https://www.youtube.com/watch?v=qI8QxFO_AEg
Аноним 16/02/16 Втр 17:12:14  44152
Классные кнопки на чистом сиэсэс
http://codepen.io/tmrDevelops/pen/VeRvKX?editors=1100

A MEANINGFUL WEB TYPOGRAPHY STARTER KIT
http://matejlatin.github.io/Gutenberg/

Эффективное использование ARIA в HTML5
http://prgssr.ru/development/ispolzovanie-aria-v-html5.html
Аноним 16/02/16 Втр 22:23:09  44154
http://mediaqueri.es/
Аноним 18/02/16 Чтв 04:21:17  44174
http://video.kzncv.ru/
Видео лекции от русских студий.
Аноним 19/02/16 Птн 03:07:30  44188
(504Кб, 1391x1502)
Больше годных видео, так же есть сменить на .нет, то будет английские — просто охуенно.
https://uideo.ru

На пике редизайнул секцию с http://bee7.com/news/
Аноним 19/02/16 Птн 04:13:47  44189
Новая переверстка от Штанга.
http://nobelfaik.livejournal.com/99096.html

Аноним 19/02/16 Птн 22:26:43  44204
Новый прототул в бете
http://silverflows.com/

Его же разбор
https://medium.com/sketch-app-sources/ready-to-prototype-from-within-sketch-then-say-hello-to-silver-a9e68b0ce3db#.us9pa37wu

The Difference Between Anchors, Inputs and Buttons
https://davidwalsh.name/html5-buttons
Аноним 20/02/16 Суб 22:07:02  44237
А кто-нибудь работает тут в паре или команде?
Можно ли работать вдвоем или в этом нет смысла? А то у меня тут проект один, где мне не хватает знаний, думаю, не поискать ли мне напарника.
Аноним 20/02/16 Суб 22:33:03  44240
>>44237
>А кто-нибудь работает тут в паре или команде?
Работаю на пару с двумя разработчиками, один фронт другой бекенд. Кого ищешь?
Аноним 20/02/16 Суб 22:40:16  44241
>>44240
Да я пока не знаю, ищу ли. Делаю почти за спасибо один сайт (сам проект не коммерческий, поэтому денег хз сколько. отчасти поэтому активно не ищу пока, сам понимаю, что бесплатно никто качественно работать не согласится), думал там просто перерисовать дизайн надо будет, а оказалось появился новый функционал, новая концепция.
Там сейчас есть фронтенд и бэкэнд, нужно продумать интерфейс и в идеале какой-то визуальный язык/бренд.
Сам сервис состоит из сайта и приложений на всех платформах.
В общем я пришел туда почти случайно и сейчас понимаю, что знаний в юх у меня мало для такой темы. Вот и набираюсь их активно тут в том числе.
Аноним 21/02/16 Вск 00:28:50  44242
https://design.tutsplus.com/courses/mastering-light-shadow-in-adobe-photoshop/lessons/shadow-physics
Как делать нормальные тени в фотошопе. Бесплатно, на английском.
Аноним 21/02/16 Вск 17:14:46  44251
(66Кб, 800x1185)
>>44242
Первая попытка, лол
Аноним 21/02/16 Вск 20:42:50  44255
>>44251
Лучше lens blur юзай, а не это сраное замыливание
Аноним 22/02/16 Пнд 21:58:38  44264
>>44255
Спасибо, попробую.

Как «Яндекс» создает интерфейсы
http://www.blog.jazov.com/uiux-design/kak-yandeks-sozdaet-dostupnye-interfejsy.html
Аноним 24/02/16 Срд 15:36:39  44285
>>44264
Еще тема - tilt-shift blur, получается постепенное замыливание
Аноним 24/02/16 Срд 17:16:15  44288
Подписался на этот тред.
Аноним 24/02/16 Срд 22:54:44  44294
>>44288
Велком.


Единицы измерения шрифта или «Как сделать шрифт нужного размера?»

https://designpub.ru/%D0%B5%D0%B4%D0%B8%D0%BD%D0%B8%D1%86%D1%8B-%D0%B8%D0%B7%D0%BC%D0%B5%D1%80%D0%B5%D0%BD%D0%B8%D1%8F-%D1%88%D1%80%D0%B8%D1%84%D1%82%D0%B0-%D0%B8%D0%BB%D0%B8-%D0%BA%D0%B0%D0%BA-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C-%D1%88%D1%80%D0%B8%D1%84%D1%82-%D0%BD%D1%83%D0%B6%D0%BD%D0%BE%D0%B3%D0%BE-%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%80%D0%B0-2ce75af646ed#.750dt22wm
Аноним 24/02/16 Срд 23:40:21  44296
Гит + скетч = форкнул пиксели и закоммитил новый бордер-радиус! LGTM
https://github.com/mathieudutour/git-sketch-plugin

Type systems in Sketch
http://get.invisionapp.com/chapter-4-of-10-design-workflow-with-sketch

Вчера ходил на интервьюху в большую компанию, занимается in-app рекламой, на позицию UX/UI в общем кажется я им понравился, но думаю их смутила моя парт-тайм учебка. Сказали в конце недели скажут результат, делал тестовое.

Аноним 24/02/16 Срд 23:52:55  44297
(290Кб, 1391x1075)
Классный тул для веб-типографики, просто сказка.
http://typecast.com/

Пикрил —  с тестового задания.
Аноним 25/02/16 Чтв 12:00:49  44299
Классная лекция по веб-типографике, но очень абстрактная. На англицком.

Tim Brown | Universal Typography
https://www.youtube.com/watch?v=0OF-jU97HzQ
Аноним 25/02/16 Чтв 13:39:59  44301
Оп советует имеджоптим для сжатия жипегов и пнг.
https://imageoptim.com/
Аноним 25/02/16 Чтв 19:49:25  44311
Designing A Product Page Layout with Flexbox
https://css-tricks.com/designing-a-product-page-layout-with-flexbox
Аноним 25/02/16 Чтв 22:25:22  44312
Классный свг кнопки на фейл\саксесс.
http://lmgonzalves.github.io/loading-buttons/
Аноним 28/02/16 Вск 18:47:52  44331
(61Кб, 320x480)
Первоосновы проектирования взаимодействия
http://ashapiro.ru/translations/tog-first-principles/

Пикрил на тестовое задание, увидел ошибку только сейчас, лол.
Аноним 28/02/16 Вск 22:52:55  44336
(88Кб, 427x822)
>>44331
Аноним 29/02/16 Пнд 11:54:58  44339
>>44331
Что за тестовое задание? Куда пробуешься устроиться?
Аноним 29/02/16 Пнд 14:06:54  44340
>>44339
На удаленку, к слову, в студию не взяли, говорят нужен синиор дизайнер, и послали меня к хуям, такие дела, разочарование.
Аноним 29/02/16 Пнд 14:17:13  44341
>>44340
Сеньора и еще на удалёнку? Ты в студию Л пытался что-ли?
Аноним 29/02/16 Пнд 14:21:47  44342
>>44341
Не, это было две разных вакансии, сеньора искали в студию это >>44297 >>44188
А на удаленку
>>44336
>>44331

Здесь можно посмотреть процесс http://rs-carshare-app-research.webflow.io/

Собственно я малец, только 21, короче буду пилить дальше фриланс походу.
Аноним 29/02/16 Пнд 14:42:27  44343
>>44342
Да нафиг тебе этот фриланс всрался? Я тоже в свое время мечтал о "сидишь дома, зарабатываешь 1000к зеленью в месяц". Сейчас сижу на 9-ти часовом рабочем дне и нормально.
Аноним 29/02/16 Пнд 14:43:53  44344
>>44343
Говорю же — не берут никуда.
Аноним 29/02/16 Пнд 15:41:11  44345
>>44344
Только не надо опускать руки, как я в своё время. По себе сужу, конечно же, но вход в "профессию" непростой. В итоге, после нескольких попыток, стажировок и бессонных ночей я таки стал дизайнером. Хотя еще много чему научиться нужно.
Аноним 29/02/16 Пнд 15:54:51  44346
Вообще, ОП, в правильном направлении двигаешься. Я тоже со временем, не сразу, понял, что одним лишь ФШ не живёт дизайнер. "Люстра", АЕ, и многие другие инструменты тоже пригодятся в работе, и это я не говорю о навыках вёрстки. Короче, по-возможности, буду кидать сюда тоже интересные вещи.
Аноним 29/02/16 Пнд 15:55:35  44347
(358Кб, 2500x1600)
>>44346
Изображение открепилось.
Аноним 29/02/16 Пнд 16:02:36  44349
>>44346
Расскажите, если опытные уже, как обойти все подводные камни и не биться лбом, а сразу идти правильным путем?
Вот если у меня уже есть в работе проект и мне его нужно сделать охуенным. Что брать в пример, что читать? Только без этих размазанных мыслей о "думайте о пользователях"
Аноним 29/02/16 Пнд 16:09:51  44350
>>44345
Спасибо, руки опускать не собираюсь — такой уж путь самурая.

>>44346
Спасибо и тебе.

>>44349
>Расскажите, если опытные уже, как обойти все подводные камни и не биться лбом, а сразу идти правильным путем?

Опыт, интуиция, тренды.

Аноним 29/02/16 Пнд 16:21:06  44352
>>44350
Два поста >>44345 >>44346 написал я.
>>44349
Хотелось бы тебя послать, да вот сам такой же был. Как раз о пользователях думать и нужно. Сделать так, чтобы им удобно было, чтобы захотелось вернуться. Я пользуюсь принципом "как для себя". Если удобно мне, то тогда уже тестирую на коллегах или желающих. Иногда прибегаем к А-Б тестам. А вообще, опыт, тут только опыт. Иногда проб и ошибок, иногда чужой. Поэтому посещай тренинги, мастер-классы. Что читать? Интернет полон советами для новичков, а если ты уже более-менее опытный, и давно в професии, то здесь у тебе поможет только твое критическое мышление. Как делю я — сначала все по максимуму, потом убираю лишнее. Это при условии, что на стадии проектирования ты ответственно к этому этапу подошёл.
Аноним 29/02/16 Пнд 18:57:34  44354
(71Кб, 400x300)
SVG в вебе: Практическое руководство
https://svgontheweb.com/ru/
Аноним 29/02/16 Пнд 19:44:32  44355
(226Кб, 1239x2079)
Аноним 29/02/16 Пнд 20:09:32  44356
>>44355
Сходу не совсем понятно, в чем назначение этого приложения. Да и тыкать пальцами по таким маленьким иконкам будет непросто. Я бы заменил текст с "уппппс, у вас нет машин" на "пора добавить вашу первую машину" и кнопка "добавить" или "добавить сейчас".
Аноним 29/02/16 Пнд 23:26:11  44359
(341Кб, 3000x1524)
>>44356
Да, есть что поменять, но пора сегодня было уже сдавать, так что отправил письмо. Собственно получились вот такие три UI на одном и том же UX.
Аноним 29/02/16 Пнд 23:38:52  44360
>>44359
Оформление мне на втором нравится, расположение кнопок на третьем (кроме не понятной черной полосы)
Аноним 01/03/16 Втр 00:38:41  44363
>>44360
>нравится, расположение кнопок на третьем (кроме не понятной черной полосы)
Ну это же это, андроид, разве не должно быть так?
Аноним 01/03/16 Втр 00:40:43  44364
>>44363
>>44360
А, загулил, надо было ее просто в тон потемнее сделать — буду знать.
Аноним 01/03/16 Втр 13:09:32  44372
>>44359
По первому макету я уже сказал выше. По второму вообще не ясно, что делать. Если в первом был какой-то призыв к действию (кнопка по центру), то здесь ничего этого нет. Просто информация о том, что поездок в учётной записи нет. Третий макет — что делает кнопка «добавить»? Добавляет новую поездку или размещает новый заказ для пассажиров? Кстати, вместо изображения можно было бы изобразить карту, или текущее местонахождение (если в поездке).

Разумеется, все вышесказанное лишь мое ИМХО.
Аноним 02/03/16 Срд 02:17:50  44382
>>44372
Cпасибо, я твою идею понял, возможно переделаю если выпадет время, к слову пришел ответ — в четверг интервью в скайпе.

Тем временем не успеваю все прочитать поэтому вывалю немного тут:
https://ia.net/know-how/responsive-typography-the-basics
https://robinrendle.com/essays/new-web-typography/
https://www.xfive.co/blog/stop-supporting-ie10-ie9-ie8/
https://medium.com/sketch-app-sources/the-sketch-shortcuts-you-didn-t-know-about-910af95c75ed#.kz5wy9ctu
Аноним 02/03/16 Срд 10:54:18  44385
>>44382
GL&HF, я тоже как-то раз проходил собеседование по скайпу, посоветую перед ответом держать паузу секунду-две, вдруг собеседнику захочется что-то добавить, а тут ты такой начинаешь отвечать, потом вы оба извиняетесь, пару секунд пытаетесь определить, кому же говорить первым, ну и так далее.

За ссылочки отедльное спасибо. Есть что по техдизайну? Например, уроки по рисованию качественных иконок, кнопочек, чтобы аж «бохато» было. Мне надо повысить свой уровень визуального дизайна, решил обратиться к техдизу. Пока что, есть http://techdesigner.ru/blogs/category-14/
Аноним 02/03/16 Срд 12:23:51  44386
(94Кб, 750x1334)
Я заебался ебашить конкурсы, сидишь хуяришь по 30 часов, а потом заказчик даже не удосуживается фидбэк оставить.
Неблагодарная работа.
Единственный плюс в том, что получаются неплохие кейсы для портфолио. Думаю оформить их попижже и залить на беханс.
Хоть какую-то пользу извлеку.
Аноним 02/03/16 Срд 12:33:15  44387
>>44386
Прошёл через такую же фигню. Но тут к твоей работе у меня тоже есть пару вопросов.
Аноним 02/03/16 Срд 13:01:20  44389
>>44385
>За ссылочки отедльное спасибо. Есть что по техдизайну? Например, уроки по рисованию качественных иконок, кнопочек, чтобы аж «бохато» было. Мне надо повысить свой уровень визуального дизайна, решил обратиться к техдизу. Пока что, есть http://techdesigner.ru/blogs/category-14/

Зацени http://www.lynda.com/Illustrator-tutorials/Technical-Illustration-Creating-Cutaway/152430-2.html
Вот кусок на ютубе https://www.youtube.com/watch?v=Y4FyHo72zJo
Это то?
Аноним 02/03/16 Срд 13:24:22  44390
>>44389
Кстати, на рутреке есть слитый.
Аноним 02/03/16 Срд 14:11:54  44391
>>44387
Буду рад услышать критику, критики тоже не хватает.
Аноним 02/03/16 Срд 22:16:37  44399
(301Кб, 800x600)
https://dribbble.com/shots/2562821-Playe/attachments/508094
Аноним 03/03/16 Чтв 12:30:26  44401
>>44399
Вот за что я НЕ люблю Dribble, так это за неприспособленность выкладываемых работ к реальным условиям. Дизайнеры не продумывают ситуаций наперёд. Как будет выглядеть надпись продукта в две строки. А если у меня имя не Logan, а Constantine? Почему вместо нормального описания Lorem Ipsum? Почему в комментариях у всех аватарки — что если пользователь анонимно написал коментарий? Цена в $620 сильно теряется на фоне, по сравнению с кнопкой и описанием. Я лишь при втором прочетнии обратил внимание на неё. В корзине есть состояние 2 из 5, а это что может означать? Внизу есть карточки похожего товара, почему именно внизу? Лучше поднять наверх, дабы показать пользователю, что это не все, что есть на сайте.

Внешний визуальный дизайн очень хорош. Все чистенько, красивенько и приятно смотрится. На практике, это не будет работать, реальный контент будет ломать всю структуру, а страница с данным расположением блоков не будет продоавать в полной мере. Пользователи попросту потеряются на ней.
Аноним 03/03/16 Чтв 13:40:12  44402
>>44401
>Внешний визуальный дизайн очень хорош. Все чистенько, красивенько и приятно смотрится. На практике, это не будет работать, реальный контент будет ломать всю структуру, а страница с данным расположением блоков не будет продоавать в полной мере. Пользователи попросту потеряются на ней.
Че думаешь без тебя не знаем? Просто любуемся визуалкой.
Аноним 03/03/16 Чтв 13:59:24  44403
>>44402
Я так и написал, что визуальная часть очень хороша.
Аноним 04/03/16 Птн 13:27:17  44429
>>43346 (OP)
Ну запили свой воркфлоу. Что юзаешь для сборки? Как деплоишь? Чо куда почём?
Аноним 04/03/16 Птн 14:09:29  44430
>>44429
Продакшн верстку пока не делаю, работаю с двумя ребятами — это их дело, но:
Бумага ⟶ Скетч ⟶ Jade (+emmet) + Sass (+bourbon) ⟶ Grunt
Собираю у себя локально, после оплаты перетаскиваю клиенту. Дизайню c шрифтами Гугл фонтс, сетку делаю свою на флексе (гибче любой фреймворк-сетки). В самом конце Кибердак. Типа такого.

Тем временем пару ссылок из жж Штанга:

1. Наглядное руководство по мобильной типографике от словолитни Hoefler&Co.
http://discover.typography.com/theme/made-for-mobile/

2. Американская студия oBanquinho рассказывает о редизайне журнала Real Simple.
http://www.thetinybank.com/realsimple
Аноним 04/03/16 Птн 14:45:16  44431
(388Кб, 1591x2160)
ВНЕЗАПНО нашел вакансию дизайнера мобильных приложений в своей Мухосрани.
Прислали тестовое задание, посмотрю что дальше будет.
Буду держать вас в курсе Знаю что всем похуй, просто не с кем поделиться
Аноним 04/03/16 Птн 14:46:16  44432
>>44431
Ну давай там, успехов, если че насоветуем.
Аноним 04/03/16 Птн 14:55:14  44433
>>44431
Я мониторю твою тему, но желаю тебе удачи.
Аноним 04/03/16 Птн 16:03:11  44434
Акция: Покупаешь флинто — скетч в подарок.
https://www.flinto.com/sketch_deal
Аноним 04/03/16 Птн 16:27:18  44436
Анонии, а какой адекватный срок на разработку дизайна приложения/сайта? Допустим, взять небольшой интернет-магазин? Сколько на страницу времени у вас уходит?
Аноним 04/03/16 Птн 16:36:24  44440
>>44436
На интернет-магазин время по разному рассчитывается. Но, обычно не менее 2-3 месяцев. Есть проект, который больше года длится.
Аноним 04/03/16 Птн 17:19:40  44445
>>44436
1 страница (4к-5к пикселей)  — день. Это в идеале, на практике — 2.
Аноним 04/03/16 Птн 17:39:41  44448
>>44445
Не понимаю, как ты страницы в пикселях считаешь и соотносишь со временем, но по опыту скажу, что даже на разработку страницы в 320х640 может уйти до нескольких дней.
Аноним 04/03/16 Птн 18:23:23  44455
>>44445
Почем 100 пикселей под IOS?
Аноним 04/03/16 Птн 18:36:34  44456
>>44448
Верно, не спорю — я же навскидку про интернет-магазин.

>>44455
Айос отдельная пушка, пока ничего не делал на заказ нейтив-мобильного.
Аноним 04/03/16 Птн 18:59:13  44457
>>44456
Разработка магазина это отдельная и довольно сложная штука. Кстати, разрабатывать магазины интересно лишь в первые несколько раз, потом начинается одинаковая рутина — улучшение, продвижение, UX-стратегии, и прочее. Часто и маркетологи подключаются, правда, частенько с нереальными идеями, типа, поставить видеорекламу вместо карточки товара.
Аноним 04/03/16 Птн 20:18:25  44460
>>44457
Согласен, принцип работы везде один и тот же, если бы мне заказали интернет-магазин, я бы взял дизайн студии и перерисовал под свои нужды. Быстро, дешево и охуенно.
Аноним 04/03/16 Птн 20:20:03  44461
>>44460
>дизайн студии
Студии Лебедева конечно, у бюрошников же не было интернет магазина? Хотя гетвеар бы потянул, но там немного другая идея, но есть что тоже потырить.
Аноним 05/03/16 Суб 13:58:52  44481
https://www.codeschool.com/courses
Cегодня бесплатный уроки, до воскресенья американского. Есть интересный штуки про фронут, гиту, свифту.
Аноним 06/03/16 Вск 04:24:00  44489
Когда можно отказаться от разрядки прописных
http://bvz.name/blog/all/kogda-mozhno-otkazatsya-ot-razryadki-propisnyh/
Аноним 06/03/16 Вск 09:48:24  44493
>>44481
>бесплатный уроки
А где на этом сайте увидеть Все курсы, чому я вижу только free?
Аноним 06/03/16 Вск 22:40:02  44496
>>44489
>http://bvz.name
С подключением.

Илья Бирман на самом деле нет
Аноним 07/03/16 Пнд 01:20:53  44497
>>44496
Блин, а у него классные работы!

Поцаны, а вы ссылки то подчеркиваете еще?
Аноним 07/03/16 Пнд 02:02:05  44498
(898Кб, 2473x3498)
https://www.youtube.com/watch?v=LLMH99lRpsI&feature=share
Аноним 07/03/16 Пнд 02:16:26  44499
>>44497
Зачем? На дворе 2016
Аноним 07/03/16 Пнд 02:45:47  44501
>>44499
Не знаю, не везде так очевидно. Тем более с тача даже ховер не работает.
Аноним 07/03/16 Пнд 03:31:15  44502
Графический интерфейс
Эмоция в форме, сообщение в ясной системе.
Хороший рид из Яндекса.
https://medium.com/@kovchiy/70bb2d0d58be#.3tiv1axxs
Аноним 07/03/16 Пнд 16:18:16  44510
>>44385
Меня взяли. Джуниором. Буду на подхвате + вести колонку (не зря последнюю неделю смотрю лекции Ильяхова).
>>44431
Как у тебя дела?
Аноним 07/03/16 Пнд 17:04:06  44511
(128Кб, 1280x853)
Посоны, норм?
Аноним 07/03/16 Пнд 17:49:10  44512
(174Кб, 1280x853)
>>44511
Ну хз, грязновато
Аноним 07/03/16 Пнд 19:05:18  44515
>>44431
>>44510
А какое задание то? И какие требования/умения нужны. Я за тредом не следил особо, не пойму все ваши концепты вроде этого >>44386 они рабочие?
Аноним 07/03/16 Пнд 19:17:26  44516
>>44512
Охуенно. Буду переделывать заново.

>>44515
Мое задание было вот >>44342
Аноним 07/03/16 Пнд 19:35:46  44517
>>44516
Тебе только спроектировать нужно было интерфейс? Без всякой реализации?
Аноним 07/03/16 Пнд 20:37:34  44518
>>44517
Да.
Аноним 07/03/16 Пнд 22:09:13  44519
>>44512
Чисто-хуизно, впечатление все равно плохое.

С таких исходников вообще не нужно обтравливать.
Аноним 07/03/16 Пнд 22:25:52  44521
(712Кб, 1200x800)
(116Кб, 1400x888)
>>44512
>>44519
Других не было.
Аноним 08/03/16 Втр 02:57:39  44523
(418Кб, 2244x1053)
>>44432
>>44433
>>44510
>>44515
Спасибо за поддержку, господа.
Тестовое задание мне прислали в пятницу,
сделал я его к обеду субботы и сразу отправил.
Теперь жду когда кончатся выходные, чтобы мне наконец ответили.
Поэтому как будут новости - сразу отпишу вам.
Не хотелось бы озвучивать задание конкретно, но в общих чертах содержание задания такое: сделайте 2-3 экрана приложения, которое служит тому то и тому то. Короче говоря решает какие-то потребительские проблемы.
Задание нифига не легкое, я убил на него часов 10, переделывал два экрана четыре раза.
Думаю как раз в этом моя главная проблема.
Всегда всё вылизываю до тех пор, пока глазу не за что будет зацепиться.
КПД не очень хороший.
Аноним 10/03/16 Чтв 02:35:47  44537
Фух, работка поперло. В общем пришли люди с хуевым готовым приложением, но работающем, сначала меня вроде как поставили на подмогу, но решили отдать мне проведение UX-ресерча, а такой опыт у них впервые, даже подсмотреть из старых проектов никак — их делали с нуля. В обще м, потею тут. Еще надо айфон 6 покупать, но так не хочется, но надо, в долгой перспективе.

Короче немного материала:

Typesetting in Sketch
https://medium.com/@sketchapp/typesetting-in-sketch-dc870fc334fc#.dp0jr7qxp

Organising Sketch for iOS
https://medium.com/sketch-app/organizing-sketch-3-for-ios-ebb97cae58b7#.15vjn7roe

Айдентика сенсума (обожаю пересматривать)
http://artgorbunov.ru/projects/sensum-identity/

Тафти был бы рад горд:
Learning to See: Visual Inspirations and Data Visualization
https://medium.com/accurat-studio/learning-to-see-visual-inspirations-and-data-visualization-ce9107349a#.h6xr7pjz0
Аноним 10/03/16 Чтв 15:22:21  44543
>>44537
С UX-исследованиями это понятно, штука интересная. Но шестое Яблоко зачем?
Аноним 10/03/16 Чтв 16:23:36  44546
>>44537
>>44543

А как эти ux-исследования выглядят? А то может я это могу и это вообще просто, но название страшное.
Еще такой вопрос: я недавно занялся самообучением в интерфейсах и вебе в целом, но люди, которым я помогаю сейчас не воспринимают мои решения и советы, хотя они объективно ценные и правильные. Например, я офигел от того, что на старом сайте, который сейчас редизайнится, не была установлена яндекс-метрика. Я говорил им пособирать статистику хотя бы месяц-два, пока новый дизайн в работе. Пропустили все мимо ушей, решения принимают на свое усмотрение. Типа что им кажется важным, то важно и пользователям (один чувак фанатеет от своих алгоритмов фильтрации, поэтому НУЖНО сделать очень подробный фильтр)
Аноним 10/03/16 Чтв 16:43:05  44548
>>44546
Фильтры это всегда хорошо, чем их больше - тем лучше, если вес работает. Не забудь блеснуть знаниями и сказать, чтоб они страницы фильтров от индексации закрыли (судя по всему там не очень в сео, раз метрики всякие нинужны).
Аноним 10/03/16 Чтв 16:50:26  44550
>>44548
Ну там просто некоторые вещи явно сделаны "для себя", а не для пользователей. Я немного со стороны на это смотрю, поэтому могу с уверенностью сказать, что некоторые вещи можно спрятать, например, от среднего пользователя, а некоторые упростить.
Но меня взяли, когда я был совсем лохом, теперь не знаю, как свой авторитет поднять. Только пилить альтернативную версию и сравнивать живые цифры, но это же фантастика. Я ведь для всех "рисовальщик".
Аноним 10/03/16 Чтв 17:53:09  44553
>>44543
Вся студия рисует на них макеты, клиентам презентует тоже, я бы рисовал на 4, но скейл неудобный и нихуя не видно, короче такие дела.

>>44550
Прокачивайся и уходи в другое место.

>>44546
>А как эти ux-исследования выглядят?
Скачал приложение, выявляешь все косяки, предлагаешь решения, рисуешь новый UX — заворачиваешь в документацию

Аноним 10/03/16 Чтв 18:05:34  44554
>>44548
Очень спорное утверждение.
Аноним 10/03/16 Чтв 18:31:08  44557
>>43346 (OP)
Тред не читал, простите если тема избита. Так вот.

Что посоветуете новичку для освоения Single Page Application?

Новичок знает про HTML+CSS, JS, AJAX, jQuery, LESS, сборка на Grunt (Gulp).

Но новичок не знает с какой стороны подойти к SPA. Разве что я так понял надо выбрать между React и Angular.

Ну ладно, выберу. Но перед тем хотелось бы статей "как написать SPA с нуля на чистом JS", чтобы понять механику. Прежде чем браться за Ангулар иди Реакт.

Спасибо что дочитали до конца.

Небольшой вклад Аноним 10/03/16 Чтв 18:48:18  44558
100 макетов в PSD для прокачки навыка версталы.
https://vk.com/wall-38368309_28103
Аноним 10/03/16 Чтв 20:13:21  44559
>>44537
Почему у Бюро в вебе такие работы, как будто они застряли в 2000-х? Вроде где-то и тени проскакивают длинные и верстка бывает интересная, но цветовые палитры, шрифты, приемчики, этот юморок надоевший (когда с пользователем "общаются" по-простому, по-свойски) — все как будто замерло и не развивается.
Аноним 10/03/16 Чтв 20:24:53  44560
(301Кб, 800x600)
>>44559
А что ты предлагаешь?
Ебашить глоу на кнопки, делать выносные элементы аля пикрилейтед?
Тренды проходят, если раньше лонг шэдоу считался за интересный прием, то сейчас уже совсем некомильфо.
Простой, чистый, понятный флет-дизайн всегда будет цениться.
Надо пытаться повышать уровень своих работ за счет типографики, верстки, четкого и продуманного макета, продумывать юзер экспириенс.
А глоу покрутить всегда успеешь.
Аноним 10/03/16 Чтв 21:28:12  44563
ну и где тут вебдизайн? программисты мышкой обсуждают оформление. пффф. дизайнеры мля)))
Аноним 10/03/16 Чтв 21:32:54  44564
>>44563
Иди экшены для фотошопа качай, мань.
Аноним 10/03/16 Чтв 21:33:55  44565
>>44559
http://artgorbunov.ru/projects/glavbukh-corpschool/

Ну хз, норм же.
Аноним 10/03/16 Чтв 21:37:19  44566
>>44564
не проiцiруй. смотрите что обсуждают дизайнеры: http://www.webdesignernews.com/
а не рюшечки-тенюшечки как тут.

жаваскрипт хоть знаете, м? вебдизайнеры блять)))
Аноним 10/03/16 Чтв 21:39:52  44567
>>44566
>It's No Joke...GraphicStock is Giving Away 7 Days of Free Downloads to over 300,000 Graphics and Images [ad]
>Cпорит со мной
>Cпрашивает знаю ли я джаваскрипт — а ведь я знаю.
Аноним 11/03/16 Птн 11:01:24  44576
>>44563
И сейчас ты нам расскажешь, что есть НАСТОЯЩИЙ ВЕБ-ДИЗАЙН, так ведь?
Аноним 11/03/16 Птн 16:19:50  44580
>>44576
Держи https://www.quora.com/Whats-the-best-place-for-a-beginner-to-start-with-his-graphic-or-visual-design-skills
Аноним 11/03/16 Птн 18:10:28  44583
>>44580
>graphic or visual design skills
Аноним 13/03/16 Вск 17:36:58  44627
https://www.youtube.com/watch?v=q0Yn6_m_P30
Аноним 15/03/16 Втр 21:01:30  44690
(89Кб, 1399x1000)
Как сделать такой градиент?
Аноним 15/03/16 Втр 21:11:37  44692
(654Кб, 960x560)
>>44690
mesh, grain
Аноним 15/03/16 Втр 21:14:29  44693
>>44691
>>44692
Аноним 15/03/16 Втр 21:20:57  44694
>>44692
>>44693
Ошибся тредом, хотел в тред вопросов запостить.
Как в фш сделать?
Аноним 15/03/16 Втр 22:23:33  44695
>>44691
>>44694
Не знаю, нахуячь цвета размажь пальцем, заблюрь, загрейни.
Аноним 15/03/16 Втр 22:24:15  44696
>>44694
кисточкой. Или ты живешь в мире, где в фотошопе только фильтры и стили?
Можно ткнуть три раза жесткой кистью, размыть все по гауссу и наложить нойз. В фотошопе же безграничные возможности
Аноним 15/03/16 Втр 22:26:02  44697
(407Кб, 1000x800)
>>44695
>>44696
Ну я примерно так и сделал.
Нарисовал квадратики и кружочки, гаусса накинул и нойза.
Аноним 16/03/16 Срд 00:40:26  44700
(275Кб, 800x1630)
Бампую сегодняшней работой. Делаю на тимфорест, кто-нибудь вообще занимался этим тут? Как там с фотками и со шрифтами? Ожидаю анальной модерации, но что ж поделать.

Кстати там открылся раздел с файлами скетча, поэтому закину и туда тоже.
Аноним 16/03/16 Срд 00:44:02  44701
>>44700
Шрифт меню не очень, оставь его для цитаты повара. Почему фамилия повара В О Т Т А К ?
Фотку большую сделай меньше, тебе ведь нужно заманить посетителей богатым выбором меню или ценами, не заставляй скроллить
Аноним 16/03/16 Срд 00:45:01  44702
>>44700
Короче ты не подумал о юзабилити совсем мен.
Белого места слишком много снизу
Аноним 16/03/16 Срд 00:49:41  44703
>>44701
Оки. Принял к сведению.

>>44702
Юзабилити ты наш, это еще не конец же ; )
Аноним 16/03/16 Срд 00:50:39  44704
>>44703
Зачем выкладываешь тогда?
Доделывай и возвращайся
Аноним 16/03/16 Срд 01:04:22  44705
>>44704
>Зачем выкладываешь тогда?

>>44700
>Делаю на тимфорест, кто-нибудь вообще занимался этим тут? Как там с фотками и со шрифтами?

Сука, уже даже в собственном треде на меня наезжают.
Аноним 17/03/16 Чтв 17:32:54  44744
>>43346 (OP)
Знаю немного html, css. Позже учил яву, за 2 месяца дальше массивов и объектов не зашел. Хочу вкатиться в юи. Рисовать не умею, пока учусь по одной книге. Что и как делать, есть смысл с такими никчемными скиллами.
Качать иллюстратор, находить уроки? Что-то книг невидно по инструментам.
Аноним 17/03/16 Чтв 18:27:24  44747
>>44744
Смотря куда метишь, если в вебдиз, качай дальше фронтенд, и рисуй по макету раз в два дня.

Можешь почитать тред, тут полно полезняшек.
Аноним 17/03/16 Чтв 19:07:51  44748
ребята, а подскажите, что такого почитать, чтобы понять, как делать макеты интереснее визуально?
не сетки там, композицию и типографику, с этим я разобрался, а вот именно про визуальную часть, чтобы в одном месте было собрано именно про графику - формы, орнаменты, тенюшки с бликами, какая-нибудь вот такая (как на пикриле) >>44560 поеботина

а то с версткой и всяким таким я более-менее разобрался, до хуя по этому всему прочитал книг, теперь хочется визуальной красоты навести, чтобы ебашить хорошие графические концепты, а чё-то ничего по теме найти не могу
Аноним 17/03/16 Чтв 19:08:54  44749
>>44748
два раза написал про разобрался, не перечитал перед отправкой -_-
Аноним 17/03/16 Чтв 22:12:12  44750
>>44748
По тенюшкам книг особо нет — смотри и повторяй чужие работы.
Аноним 18/03/16 Птн 09:19:05  44754
>>44748
Удваиваю вопрос. Я вот пизжу градиенты и тенюшки у Лебедева.
Аноним 18/03/16 Птн 12:42:11  44756
(51Кб, 256x256)
>>44754
И правильно делаешь.

Не к слову, но чюваки тут запустили блог о framer.js на русском! Просто ништяк, надеюсь будут его поддерживать.

http://learnframer.ru/
Аноним 18/03/16 Птн 13:57:15  44757
(340Кб, 1920x1080)
>>44750
>>44754
меня не столько тенюшки интересуют, сколько в целом некоторая YOBA-вость графики.
я лет семь назад с одногруппниками видел книгу такую - там расписывалось, как в фотошопе мутить всякие такие эффекты типа пикрила. при этом не сказать, что тут что-то прям сложное, в крайнем случае всегда можно найти туториал в инете, но там целая книга такого и всё РАЗНОЕ.
но мне тогда похуй было на дизайн, т. к. по образованию я не дизайнер, и я не запомнил ни автора, ни названия
Аноним 18/03/16 Птн 14:39:16  44758
>>44757
О, продаю похожий фон на стоке:3
Аноним 18/03/16 Птн 20:26:11  44762
>>44747
Я в принципе понимаю, что фронтэнд более реалистичен, чем какая-нибудь андроид разработка. Но я так понимаю, что отдельно дизайн в иллюстраторе без кода никому не нужен.
Хорошо, анон, не злись, поясни за порог вхождения или необходимые навыки, чтоб хотя б копейку какую осилить.
Напишу мини-кулстори. Года полтора назад верстал, учился, было интересно. Пока я не прочитал на вики "Как установить вордпресс за 5 минут". Кому нужны мои поделия, если так просто выбрать любую тему, настроить всё и т.д.
Аноним 18/03/16 Птн 23:57:50  44777
>>44762
Да я не злюсь, чего мне на тебя злиться?

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

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

>копейку какую осилить
Ты про деньги?
Свои первые я заработал на гоудизайнере после 4 месяцев рисования макетов, 17 000 рублей было кажется. Больше туда не суюсь.

>кому нужны мои поделия, если так просто выбрать любую тему, настроить всё и т.д.
Говно-бизнесу нужны говно-шаблоны, да и не сделаешь на все шаблон. Иначе бы уже все изшаблонили в мире. Те кто их покупают — не твоя аудитория, и радуйся что они 500 рублей потратили на шаблон, а не ебали тебе мозговую ткань со своими правками.

Сейчас такое время что надо действительно уметь что-то, ну можно конечно на воркзилле по 300 рублей делать лендинги, но для меня это не работа. Думаю начать нормально зарабатывать надо примерно 2 года, меня вот недавно взяли на работку, зп так себе, разослал еще писем на подработку, надеюсь недавние клиенты с сайд-проджектов подкинут что-нибудь (рекомендации самое лучшее в нашей сфере, никто уже не верит интернету, друзьям — верят).

Сам по себе ЮИ редко когда нужен без ЮХ, а второй как ты понимаешь просто так не освоить — это опыт и навыки приобретенные годами. Можно конечно зачитаться Раскиным и прочими писателями нашей сферы, но охуенных интерфейсов ты собирать не станешь.

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

Да, фронтенд важен, но и андроид-разработка пока что в тренде. Короче как-то так. Спрашивай конкретнее.






Аноним 19/03/16 Суб 00:19:07  44779
>>44777
Я вот что-то делал, верстал. Получалось. Даже делал свой сайт рабочий на хостинге. Он состоял из таблицы, куда я записывал результаты тренировок. С месяц учил яву сейчас, чем дальше, тем кажется это все нереальный, особенно когда "смотрите на код, неважно, что вы сейчас ничего не понимаете". Было б что-нибудь без кода, но без него сейчас нечего перспективного нет. Как себя, сука взять и выучить уже что-то. 20-ый год уже скоро, а скиллов 0.
Допустим в студию, компанию сейчас попасть трудно, а выцепить заказ? Бле, опять код, Ява скрипт, без него нахуй никому не нужен и на таких сайтах, наверное. Может в вебе по-другому, но сомневаюсь, что там изи будет. Классы, ооп, хитровыебанная логика.
Аноним 19/03/16 Суб 00:30:18  44780
>>44779
Делать с кем-то — очевидно же. Берешь на себя проект полностью, можешь даже не рассказывать о делегировании, ищешь фронт-ендера, поясняешь, делишься с ним бабками.
Аноним 19/03/16 Суб 04:55:56  44784
https://www.youtube.com/watch?v=EmXXzvrz_vs
CSS прямо в скетче, ну ваще охуеть.
Аноним 19/03/16 Суб 10:05:44  44788
>>44780
А как конкретно пишется код а js, совсем не понятно, что там можно написать. Неужели все менюшки, анимацию при помощи массивов, коллекций каких-нибудь и т.д. писать?
Аноним 19/03/16 Суб 12:50:19  44790
>>44784
Это как? Рисуешь в Скетче, получаешь рабочий код?
Аноним 19/03/16 Суб 13:50:47  44793
>>44788
Вся анимация давно переехала на CSS.
Да, есть готовые библиотеки например wow.js + animate.css.

>>44790
Нет, думаю до этого далеко, однако можно например часть разметки так написать, и передать разработчикам, чтобы не тупили. Функций поддерживается мало, я вчера вообще хохотал с этого плагина % )
Аноним 19/03/16 Суб 15:54:40  44796
>>44793
Хм, даже так. Давно это произошло, несколько распространилось? Для чего тогда js сейчас?
Аноним 21/03/16 Пнд 01:22:06  44842
>>44796
Для ивентов, фреймворки для веб-приложений, библиотеки, много чего.

Шумов о подложках, ссылка ебучая, не знаю как сделать по-другому.
https://designpub.ru/%D0%B0%D0%BB%D0%B3%D0%BE%D1%80%D0%B8%D1%82%D0%BC-%D0%B0%D0%B2%D1%82%D0%BE%D0%BC%D0%B0%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%BE%D0%B3%D0%BE-%D0%BF%D0%BE%D0%B4%D0%B1%D0%BE%D1%80%D0%B0-%D0%BA-%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D1%8E-%D0%B3%D0%B0%D1%80%D0%BC%D0%BE%D0%BD%D0%B8%D1%87%D0%BD%D0%BE%D0%B3%D0%BE-%D1%86%D0%B2%D0%B5%D1%82%D0%B0-a887ca582ac7#.19m229o64
Аноним 21/03/16 Пнд 15:36:39  44850
>>44842
https://designpub.ru/алгоритм-автоматического-подбора-к-изображению-гармоничного-цвета-a887ca582ac7#.gj0psqcix
Аноним 21/03/16 Пнд 20:50:46  44854
(533Кб, 700x3767)
>>44850
Класс!

Тем временем пикрелейтед.
Аноним 22/03/16 Втр 01:53:53  44858
>>44559
Удваиваю. Какой-то затхлостью отдаёт. Ещё меня вымораживают их смайлики к месту и нет :-)
Аноним 22/03/16 Втр 01:55:55  44859
>>44705
Скажи ещё, что это твой двощ.
Аноним 22/03/16 Втр 01:59:53  44860
>>44859
Конечно, моя личная армия.

Тем временем
https://vimeo.com/130303631
Аноним 22/03/16 Втр 13:03:07  44861
>>44854
С акценатми слабовато, имеется в виду призывы к действию. Кнопки не всегда находятся в одной «плоскости» с заголовками. В разделе «Блог» непонятно, где изображение к какой колонке относится. И что будет, если изображений не будет совсем? И где посмотреть все новости из блога?
Аноним 22/03/16 Втр 13:49:25  44864
>>44861
>>44861
>С акценатми слабовато, имеется в виду призывы к действию.
Подумаю че можно поменять.

>Кнопки не всегда находятся в одной «плоскости» с заголовками.
Не вижу в этом проблемы.

>В разделе «Блог» непонятно, где изображение к какой колонке относится.
Это экран прямо перед брейкпоинтом, дальше будет друго лей-аут, шире — больше паддинга. Сейчас можнет возникнуть некое сомнение, но думаю заголовки в цвет и смысл их же ясен.

>И что будет, если изображений не будет совсем?
Колонка номер 3. х3 (ничего ужасного)

>И где посмотреть все новости из блога?
Кликнуть на подчеркнутую "блог"
Аноним 23/03/16 Срд 01:22:50  44874
>>44854
хорош
Аноним 23/03/16 Срд 17:28:14  44879
How To Learn GreenSock In 60 Minutes
https://ihatetomatoes.net/how-to-learn-greensock-in-60-minutes/

Курс по веб-анимации бесплатно, на английцком.
Аноним 23/03/16 Срд 18:30:24  44881
(164Кб, 846x510)
>>44879
Еще немного практикуюсь в тенях.
Аноним 24/03/16 Чтв 16:50:22  44885
Дизайн пользовательского интерфейса 2. Искусство мыть слона
http://uibook2.usethics.ru/uibookII.pdf
Аноним 29/03/16 Втр 15:43:11  44950
http://guglieri.com/

О сетках на редимаге
http://shkola.readymag.com/grid/practice/

Руководство дизайнера по DPI и PPI
http://sketchapp.me/rukovodstvo-dizajnera-po-dpi-i-ppi/
Аноним 30/03/16 Срд 03:28:36  44958
https://www.youtube.com/watch?v=s65Bn0_iYug
Блять, как же охуенно в интернете — все есть.
И бесплатно. Сиди и учись, смотри, рисуй.
Аноним 31/03/16 Чтв 21:22:59  44976
>>44958
https://www.youtube.com/watch?v=4tqReEucXig
Разрабор домашечки, кхкх.
Аноним 01/04/16 Птн 14:15:32  44990
(54Кб, 600x600)
Сука, заебали уже эти скетчепоклонники. Из каждой щели лезут. А что мне делать, если я на винде? Страдать в фотошопе?
Аноним 01/04/16 Птн 15:19:23  44994
>>44990
Ну иллюстратор есть, хули ты.
Аноним 01/04/16 Птн 17:14:29  44998
(65Кб, 1280x800)
>>44994
мимо анон, а чем иллюстратор или король дров принципиально лучше фотошопа?
Просто везде вижу в сцепке эти три редактора, а мне как бы всю жизнь хватало шопа, даже вектор поправить
Аноним 01/04/16 Птн 17:22:12  44999
>>44998
В иллюстраторе гораздо больше инструментов для вектора и движок под вектор заточен (но блять баннер 10м в нем не сделать почему-то сука) Корел вывозит за счет базовости (стоит ВЕЗДЕ в отличие от иллюстратора, стоит во всяких рекламных производствах, потому что он может, в отличие от люстры, блять, сделать баннер 10м шириной)
Фотошоп — программа для обработки фото.
Аноним 01/04/16 Птн 17:25:32  45000
>>44998
Ну в фотошопе же ограниченные функции векторных форм?
Если честно, мой опыт с фотошопом это покрутить гистрамку, но насколько я пользовался Аи, то он побогаче функциями.
Аноним 01/04/16 Птн 17:42:23  45001
(83Кб, 450x1191)
>>45000
фотожоп может собрать из 3d палок объект, наложить на него всяких с генерированных слоев и нарисовать пикрелейтед за 5-10 минут.
Вектор в нем как раз чтобы что-то примитивное сделать, шрифт подправить, сам им пользовался чтобы иллюстрации в индизайне править, конвертировать пакетом разношерстные картинки к одному виду и тд.
Удобно разкладывать на несколько цветов, опять же для типографских машин, чтобы меньший дизигнер это мог вывести на пленки.

Но меня пиздец удивляет просто повальное увлечение этими двумя. Я как то попробовал, в интерфейс врубаться почти с нуля нужно, а пользы так и не увидел.
Разве что чисто с вектором работать круглыми сутками. Хотя крутые аноны из ДС на службе у вэб погромистов может этим и занимаются
Аноним 04/04/16 Пнд 23:35:06  45038
https://www.youtube.com/watch?v=Pt49y1gm0jw
Аноним 05/04/16 Втр 15:18:57  45043
>>44998
Например в Люстре есть ардборды, генератор таблиц,
паттерны, хз как там ща в Шопе.
Поправить вектор в Пс можно, а вот нарисовать - это геморрой. Люстра универсальнее + плагинами можно в шоп превратить
Аноним 05/04/16 Втр 16:38:52  45044
А на Figma есть инвайты или нужно тупо ждать, когда тебя зарегают? Нашел в какой-то статье, мол, аналог скетча, только браузерный. Захотел попробовать, а там "спасибо за регистрацию, теперь ждите"
Аноним 05/04/16 Втр 17:48:34  45048
>>45044
Я тоже зарегался на фигму, пока нихуя. Ждем-с, думаю первый год все равно будет так себе, пока допилят там все.
Аноним 05/04/16 Втр 21:46:42  45050
>>45043
Посмотрел, как рисуется в иллюстраторе в векторе, действительно быстрее, если проект трудозатратный.
+ огромный плюс это работа с пантонами, которые в шопе сделаны через жопу.
Вполне можно было сделать монтсра и все это реализовать в одном редакторе, а не обрезать по кускам. Им виднее
Аноним 06/04/16 Срд 00:23:38  45051
>>45050
Фотошоп для фоток, как нахер один редактор? Векторные фотографии делать научился?

Вектор — Аи, Фото — Рh.
Аноним 06/04/16 Срд 18:22:39  45055
ОП, ты герой тысячелетия. Спасибо.
мимо вкатываюсь в UX
Аноним 07/04/16 Чтв 15:08:25  45058
(1940Кб, 2000x1734)
Братцы, а тут есть гуру по matte painting (рус: коллажирование)? Расскажите, где учились и как пришли к успеху.

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

Мб, поделитесь какими-нибудь секретами, как эффективнее вкатиться, или ссылками.

Спасибо.
Аноним 09/04/16 Суб 01:08:59  45078
Оп не умер, оп за 3 дня собрал промо-страницу о Тимирязвке, кому не в падлу — поддержите плиз.
http://sostim.ru/
Аноним 09/04/16 Суб 02:07:31  45079
>>45078
Иляхов бы тобой гордился.
Аноним 10/04/16 Вск 03:19:29  45084
>>45078
Годно, могешь, вообще пасан
Аноним 10/04/16 Вск 03:20:52  45085
>>45084
Ебать за 6 лет первый раз здесь такое говорю. Даже хорошие работы, которые иногда могут мелькнуть, всегда не дотягивали немного, а ты прям молодец.
Аноним 10/04/16 Вск 07:26:08  45086
(44Кб, 300x300)
>>45079
>>45084
Короче нам надонатили на яндекс.деньги, сделал макет стикеров, закажем 500 штук. Размер 5х5 см.

Плакаты тоже будут.
Аноним 10/04/16 Вск 11:59:16  45089
>>44990

Можно попробовать Эль Капитана на виртуальной машине запустить и накатить Скетча. Сам этого не делал, всё руки никак не дойдут, но в интернете можно найти положительные отзывы о таком способе получения Скетча на Винде. Держи сразу:
>el capitan инструкция: http://www.insanelymac.com/forum/topic/309654-run-vanilla-os-x-el-capitan-in-virtualbox-5010-on-a-windows-host/
>а вот образ: http://rutracker.org/forum/viewtopic.php?t=5132008


>>44994

Иллюстратор абсолютно уёбищен, если использовать его для интерфейсов, как по мне. Пару недель назад открывал говно от одного дизайнера в этом формате, чуть не охуел, блядь, и ведь это не он долбоёб, это Люстрочка такая удобная.
Аноним 10/04/16 Вск 12:25:28  45090
>>45089
>как по мне
А мне норм.
Аноним 10/04/16 Вск 20:37:59  45099
>>45090

Да ты просто ничего лучше не видел, консерватор! Как я тебя, уничтожил просто. Просто собрал тебе портфель в школу.
Аноним 10/04/16 Вск 20:46:58  45100
>>45099
Ну так-то я сейчас в скетче собираю. Сидел бы на винде делал бы в люстре. Особенно теперь, когда я прознал про мобильные множители и прочую радость.
Аноним 10/04/16 Вск 22:19:19  45102
А че кто-нибудь в Школу Яндекса делает задание? Я уже половину запилил. Целю в школу мобильного дизигна.
Аноним 12/04/16 Втр 03:19:55  45125
(35Кб, 799x1080)
Посоны, вопрос такой, вот на пике первый экран.
Регистрация и вход вместе, главный идентификатор — и-мейл.
Если почта найдена и пароль совпал => юзер заходит как уже зареганный.
Если проверка по почте не прошла (значит такого аккаунта нет), то дальше идут последующие шаги регестрации (просим повторить пассворд, имя и тд).

Какие подводные камни я вижу — только если уже зареганный пользователь введет неправильный логин и его потащит внутрь регаться, поэтому на втором экране я подумал показывать введенный и-мейл, чтобы можно было сравнить (не опечатался ли).

Ну вот, че думаете?
Аноним 12/04/16 Втр 07:23:40  45129
>>45100
>мобильные множители
чего?
Аноним 12/04/16 Втр 12:07:28  45133
>>45129
>>44950
Третья ссылка
Аноним 12/04/16 Втр 23:54:23  45148
Посоветуйте хороших примеров информативных веб-приложений, где было бы много графиков, таблиц и тд. У меня гугл-аналитикс и яндекс-метрика только на уме.
Аноним 14/04/16 Чтв 16:12:22  45172
>>45133
>>45129
>>45125

Блять, объясните на пальцах, как жить с этими множителями теперь? Я прочитал, теперь у меня еще большая каша в голове.
Как верстать хотя бы в фш или люстре, чтобы везде все одинаково смотрелось?
Аноним 14/04/16 Чтв 17:22:18  45173
>>45172
Пока ты нихуя не запускаешь, тебе хоть сто раз поясни, поэтому как попадешь в компанию — там и врубишься. Но коротко так:
под андроид рисуется в 1х, под айфон 1х, потом все умножается: для андроида 1х mdpi, 1.5x hdpi, 2x xhdpi, 3x
xxhdpi, 4x xxxhdpi. То есть кнопка например в 1х будет 40х40, а потом ты ее нарежешь для всего и будет: 40х40, 60х60, 80х80, 120х120, 160х160. Каждый контрол вот так. Для айос примено то же самое, но там суффиксы @2x, @3x, принцип тот же.
Аноним 14/04/16 Чтв 18:06:04  45174
>>45173
Ну, это не сложно. Я чет психанул, сорян.
Меня сейчас больше беспокоит десктопная верстка, в чем делать спецификацию для верстальщиков, в pt или px или em и как сделать сайт одинаково выглядящий на разных мониторах.
Аноним 14/04/16 Чтв 18:44:58  45176
>>45174
>Меня сейчас больше беспокоит десктопная верстка, в чем делать спецификацию для верстальщиков, в pt или px или em и как сделать сайт одинаково выглядящий на разных мониторах.
Лучше научиться верстать самому и править по ходу дела — подключаться в процессе. Если отступы в емах, то так и напиши, в любом случае в графике они пиксельные, но это сейчас легко переделывается теми же sass библиотеками.

Про мониторы уже было, 3-4 макета отлично покрывает одну страницу.
Аноним 14/04/16 Чтв 22:53:41  45179
Парни, как научиться делать РАЗНООБРАЗНЫЕ сайты. Я заметил, что все мои работы -- это одни и те же прямоугольники, выполненные в разном цвете. Как это лечить? Куда донатить?

inb4: больше делать. Мб, знаете какие ресурсы с туторами или ещё что -- делитесь, а то горит.
Аноним 15/04/16 Птн 00:14:22  45180
>>45179
Тебе нужно освежить кругозор. Поаутируй денек на бехансах или на пинтересте, посмотри чужие идеи, что-то бери на вооружение.
Аноним 15/04/16 Птн 08:53:10  45184
>>45179
Почитай о "вертске по форме". Меня спасает. А еще надо наворачивать фотошоп и его скиллы, если чувствуешь что скилл голой верстки уже окрепчал, то время заняться тех. иллюстрациями. Стал босом в иллюстрациям? Прокачай кодинг и тд.
Так вырастают нужные спецы.
Аноним 15/04/16 Птн 13:56:18  45192
>>45180
Что самое интересное и одновременно обидное -- почти все работы с дрибла технически могу повторить без проблем, но вот когда дело доходит до самостоятельных работ, всплывают эти ебаные одинаковые прямоугольники
Аноним 15/04/16 Птн 14:01:53  45193
>>45192
Пиздец как дизморалит эта хуйня, не знаю, что делать
Аноним 15/04/16 Птн 21:48:13  45200
>>45192
Просто ебашь. Легче всего сделать редизайн. Чужие ошибки видно всегда, а тенюшки и градиентики лишь, хз, пару дней задротства.
Аноним 19/04/16 Втр 09:56:03  45237
http://blog.invisionapp.com/becoming-a-designer-who-codes/
Короче тут вывалили огромный список обучающих материалов, есть что посмотреть.

Using design patterns responsibly
https://medium.com/@intercom/using-design-patterns-responsibly-4eb2c73a87b4#.i13swc8oh

Designing More Efficient Forms: Assistance and Validation
https://uxplanet.org/designing-more-efficient-forms-assistance-and-validation-f26a5241199d#.wqfhkxuhl

Книжки по типографике на английском, бесплатная
http://practicaltypography.com/
Аноним 19/04/16 Втр 13:17:48  45238
Все короче. Сделал задание в школу Яндекса, на 6 дней раньше дедлайна. Надеюсь зачтут в +. Покажу после того как пришлют ответ, если кому интересно.
Аноним 19/04/16 Втр 16:42:51  45264
>>45238
В какой форме сделал? ПДФку запилил?
Я чот разогнался, думал нахуярю макеты, прототип в инвижоне и ещё презентацию запилю лонгридом. А потом оказалось что там только один файл можно прикрепить, и то до 20 мб.
Аноним 19/04/16 Втр 17:45:25  45266
>>45264
Сделал 2 джейпега длиннющих, один с улучшениями, второй с процессом проектирования. Папка с отдельными макетами, и файл ридми, в нем о том как смотреть правильно + редимаг-страничка с презентацией продукта + рассказ о себе коротенький.
Аноним 19/04/16 Втр 17:47:12  45267
>>45264
>>45266
И все запаковал и архив, 10 мб. Норм :^)
1 файл, не больше 20 мб, лайфхак.
Аноним 19/04/16 Втр 18:30:06  45268
>>45267
Ну ты молодец конечно, что запотел, но как по мне, так архив не очень хорошая затея. Да и копаться в файлах, чтобы найти ссылку на редимаг тоже не будут я думаю.
Аноним 19/04/16 Втр 18:57:02  45269
>>45268
Ну не будут так не будут, просили же один файл.
¯ \ _ (ツ) _ / ¯
пс думаю что все таки будут.
Аноним 20/04/16 Срд 16:53:08  45281
(161Кб, 320x301)
>>45269
Ох блять, я второй день сижу голову ломаю чего бы им в приложениях можно такого улучшить, чтобы стало пижже. Прям пиздец как сложно.
Аноним 20/04/16 Срд 17:43:31  45282
>>45281
Там же просто дохуя ошибок, за 20 минут накатал им небольшое полотенце.
Аноним 20/04/16 Срд 17:53:45  45284
(12Кб, 380x360)
>>45282
Не знаю о каких именно ошибках ты говоришь, я игнорирую все ошибки верстки например.
Пытаюсь какие-то глобальные найти, пока что нашел две, лол.
Если у тебя получилось полотенце, будь добр, приведи в пример что-нибудь, что не вошло в полотенце, чтобы я понимал о каких именно ошибках ты говоришь.
Аноним 20/04/16 Срд 18:50:46  45289
>>45284
Ошибки верстки тоже ошибки. Есть логические, типа разделенный функционал, неправильный синтаксис интрфейса и тд. Еще они везде знак рубля проебывают, лол.
Аноним 20/04/16 Срд 22:40:57  45301
(26Кб, 500x500)
Аноним 21/04/16 Чтв 16:49:22  45305
Нашел концепт какого-то чювака на бихансе.
https://www.behance.net/gallery/35729057/koncept-prilozhenija-jandeksputeshestvija
Аноним 21/04/16 Чтв 18:34:37  45306
>>45305
Красиво местами, но вся суть сервиса проебана.
Аноним 21/04/16 Чтв 19:06:28  45307
(59Кб, 702x220)
>>45306
Верно.
Пикрил
Кстати чювак то на первом месте в школе стажеров сейчас.
Не прочитал о техзависимости, кхе-кхе-кхе.
Аноним 21/04/16 Чтв 19:21:42  45308
>>45307
Какой чувак?
Интересно, сколько анонов из треда пилят задания для Яндекса?
Нас как минимум двое.
Третий день ебусь с этой ебалой
Аноним 21/04/16 Чтв 20:23:47  45310
Недавно читал статью одного злого зарубежного чувака, где он разносит миф о том что веб-дизайн обязательно должен быть графически "сексуальным". Он убрал со своего лендинга почти все, сделал формы и шрифты крупными, чтобы даже дядя Ваня попадал, поставил картинки телок и получил рост конверсии 118%
Аноним 21/04/16 Чтв 20:56:13  45312
>>45308
>Какой чувак?
>>45305

>>45310
Не знаю что за сексуальность, дизайн решает проблемы бизнеса. Коммерческий.
Аноним 21/04/16 Чтв 23:40:43  45317
>>45305
Ну и чей-то за говно опять? Эти ебучие картинки с пляжами, которые всегда одинаковые и затрудняют читать текст над ними, и эта ебаная кнопка с датой, которую пока не выберешь кнопка найти не разблокируется, сук, я просто хочу узнать че по деньгам, одну выберешь - нет нихуя, другую выберешь - нет нихуя. Ну так на поиски билетов, с этими Путешествиями хуйзнает что там. Вроде, на Авиаселес эту хуйню убрали, но недавно на поезд хотел узнать цену билета, так и дропнул в итоге, заебавшись угадывать даты, когда есть вообще отправления. И где фильтыр по цене и упорядочить по цене.

Пздц, я почти от всех сайтов и приложений бугурчу, напихают говна нинужного, а к нужному хуй доберешься, как этим Васяны пользуются вообще не понятно.
Аноним 22/04/16 Птн 00:28:51  45318
>>45317
Давай лучше, хуль ты.
Аноним 22/04/16 Птн 00:58:49  45319
>>45318
Это тренд - делать не удобное, но прилизанное говно, удобные варианты никто не примет, они будут не достаточно засраны маркетинговыми модулями.
Аноним 22/04/16 Птн 01:08:04  45320
>>45319
Это сервис про пляж и пальмы, с хуя ли ты жалуешься на пляж и пальмы в картинках?
Работа нормальная, но суть упущена, уже сказали.

Аноним 22/04/16 Птн 01:15:36  45321
>>45320
Потому что текст читать плохо на этих пальмах, блять. А сами пальмы не добавляют информативности, т.к. все юзают клипарты, обычно никто даже не париться, чтоб фотка была из конкретнйо страны, кругом одна и та же ебучая пальма.
Аноним 22/04/16 Птн 01:19:50  45322
>>45310
народ, а что по этой самой сексуальности макетов можно почитать? я понимаю, как должно быть, понимаю основное там сетки/типографика/акценты/контраст, но вот свои макеты выходят какие-то... как будто что-то важное упускаю.
ну то есть условно - у всяких там мелких и даже некоторых средних бизнесов я обычно улучшаю положение дел в дизайне, а вот у крупных боюсь испортить что-то или не дотянуть до того, что у них обычно. хочется выйти за эти рамки, но не знаю как(
Аноним 22/04/16 Птн 01:49:48  45323
>>45321
Блять это концепция, ты охуел. А то что он пишет текст на фотках — его косяк. Не могу сказать хорошо это или нет.

>>45322
Дрибла почитай.
Аноним 22/04/16 Птн 01:53:24  45324
>>45323
Ну зайди на реальные сайты, там те же ебаные пальмы, евривер, блять.
Аноним 22/04/16 Птн 21:07:34  45344
>>45324
>>45078
Аноним 25/04/16 Пнд 03:39:26  45375
(49Кб, 888x600)
Аноним 25/04/16 Пнд 15:38:26  45379
>>45375
Найс. Сказали что тем кто подал в последние два дня устроят анальную модерацию :^)
Аноним 25/04/16 Пнд 17:45:02  45383
>>45379
Я тоже читал в группе, это всё пиздеж :^)
Удачи с поступлением в школу, анон
Аноним 29/04/16 Птн 14:02:07  45431
>>45383
Вчера пришло письмо — позвали на интервью в скайпе.
Ну главное еще там не налажать, аминь.
Аноним 29/04/16 Птн 18:23:27  45435
>>45431
Найс, поздравляю. Ты за 6 дней отправил?
Я в предпоследний, скоро и до меня дойдут :3
Аноним 29/04/16 Птн 18:25:09  45436
(57Кб, 604x604)
>>45431
Покажи хоть какое письмо, замажь что надо и покажи.
Аноним 29/04/16 Птн 21:56:03  45440
>>45435
Да, я пораньше сделал.

>>45436
>Покажи хоть какое письмо, замажь что надо и покажи.
Просто письмо, написано "у вас интересная анкета, давайте поговорим в скайпе". Ничего сакрального, даже скриншот лень делать.
Аноним 02/05/16 Пнд 05:51:12  45462
(1603Кб, 1936x2007)
Бессоный бамп на мертвой доске.

Посоны, а какая у вас цель в карьере?
Аноним 03/05/16 Втр 02:53:26  45477
>>45462
На бехансе подхватил эту тупую манеру фотографировать монитор? Не делай так, пожалуйста.
Аноним 03/05/16 Втр 14:28:17  45482
>>45477
Да не, я сидел в тиндер играл и тупил, сфоткал и закинул только для вас, ребятки. Кстати не веду профиля ни на дриббле ни на бихансе. Второе считаю дикой помойкой.
Аноним 03/05/16 Втр 20:35:30  45487
Господа, вы можете наблюдать типичного представителя дизайнеров-ньюфагов >>45482 он уже научился двигать квадраты в фташопах, но еще нихуя не врубился. Дай бог тебе силы, бро.
Аноним 03/05/16 Втр 20:57:18  45491
>>45487
Двиганье квадратов такая же необходимая рутинка как и все остальное. Кстати в фотошопе не сижу, ну.
Аноним 03/05/16 Втр 22:28:00  45499
Бирман о теории близости в интерфейсе.
http://artgorbunov.ru/bb/soviet/20160503/
Аноним 04/05/16 Срд 01:03:47  45503
>>45491
>Кстати в фотошопе не сижу
Это как гордиться тем, что не смываешь за собой.
Аноним 04/05/16 Срд 01:08:19  45506
>>45503
Божечки, хватит флудить в одном из живых и нормальных тредов. Если ты хочешь поспорить с кем-то — пиздуй в /б и не выебывайся.
Аноним 04/05/16 Срд 16:41:56  45528
(32Кб, 100x100)
>>45440
Ну что? Интервью было уже?
Рассказывай как всё прошло.
Аноним 04/05/16 Срд 16:51:15  45531
>>45528
Завтра после обеда будет. Расскажу как прошло и что спрашивали.
Аноним 04/05/16 Срд 20:02:04  45535
>>45531
Давай, я буду ждать. Подробно расскажи.
Аноним 04/05/16 Срд 20:54:31  45536
>>45535
Тебе еще не отвечали?
Аноним 05/05/16 Чтв 02:16:15  45538
https://www.youtube.com/watch?v=XMEvSxMdsfA
Смотрю тут, поцоны молодчики офк.
Аноним 05/05/16 Чтв 18:00:38  45545
>>45535
Фух. В общем спрашивали:
Где учился, как пришел в дизайн.
Говорю ли по-английски. Чем отличается создание мобильного продукта от десктопного продукта. Организационные моменты переезда, как буду работать и учиться в одно время. Есть ли у меня знакомые в Яндексе. Вроде все.

Я тоже кое-что поспрашивал % )
Аноним 05/05/16 Чтв 18:47:29  45546
>>45545
Заебись, я думал ещё какое-то тестирование устроят.
Надеюсь тебя возьмут, будешь нам инсайды сливать.
Далеко тебе до Москвы ехать?
Мне не ответили пока, видимо до моей анкеты ещё не дошли.
Ламповый у нас тред, рад за тебя.
Аноним 05/05/16 Чтв 19:08:15  45547
>>45546
Не так далеко, 3 часа до Вены на басике, оттуда часа 2 до Москвы самолетом.

К слову моя работа, раз уж такой пляс пошел:
https://readymag.com/u15840325/527916/
Аноним 05/05/16 Чтв 19:40:11  45548
>>45547
Это ты просто так по-быстрому страницу накидал? В приложение не вникал, но вот эта подача выглядит супер убого.
Аноним 05/05/16 Чтв 20:04:42  45549
>>45548
Ну не то чтобы по-быстрому, за день наверное.
А че там вникать? симпл эз зис % )
Аноним 06/05/16 Птн 18:01:48  45564
анончики поясните почему у всех ux-дизайн ресурсов и ux-гуру сайты в стиле стандартного шаблона вордпресса 2002 года?
Аноним 08/05/16 Вск 04:34:50  45567
>>45564
Удваиваю вопрос.
Аноним 08/05/16 Вск 04:50:44  45568
>>45564
Потому что веб-дизайн нужен, чтоб пускать пыль в глаза инвесторам, а чтоб пыли было больше создается этот анальный цирк вокруг сферы. Все интерфесы делаются просто исхдя из здравого смысла, который приводит к вордпресс шаблону 2002 года, и вообще все основные паттерны еще на первых маках утвердились, а дальше их все копировали, иногда дорабатывая (но не васьки дорабатывали, а лиды в офисах ойти-гигантов), из-за появления новых технологий.
Аноним 08/05/16 Вск 08:42:20  45569
>>45568
>Все интерфесы делаются просто исхдя из здравого смысла
Хуйню написал. Исходя из технических ограничений.
Аноним 09/05/16 Пнд 12:38:58  45579
это я к тому клоню что вся эта хуитень вокург UX это такой большой мыльный пузырь, в основном юх-гуру и специалисты это просто те кому очень хочется быть дизайнерами но они нихуя не умеют, не будь они ux-дизайнерами то стали бы мммщиками или какими то форекс-пидорами. Больше бесит то что то что раньше делали дизайнеры просто потому что это так и должно быть, вывели в отдельную сферу и написали тонны книжечек, в итоге я вижу как в крупных компаниях половина дизайнеров это люди которых ты никогда не найдешь на бихансодриббле зато их линкедин засран 10 летним опытом в сфере ux и всякими сертификатами, в худшем случае они сами еще пытаются учить кого то на каких то курсах.
Аноним 11/05/16 Срд 12:46:38  45588
http://artgorbunov.ru/bb/soviet/20160511/
Бля, умеет же нозик из говна конфетку сделать.
Аноним 11/05/16 Срд 15:49:46  45589
>>45588
Он так за нехуй добавил верхний уровень категорий и тип норм, а у заказчика готовая база на стотыщ позиций без этого уровня и, скорее всего, есть обкатанный скрипт на автоматизацию импортов-обновлений, без учета таких выебонов и доплачивать за допилы никто не собирается, пох азазаз, главное на картинках в бложики няшно показать. И там всегда такая хуйня у них, функционал меняют и делают няшно под новый, когда, скорее всего, вопрошающему проблему нужно решить не залазя в бекенд.
Аноним 11/05/16 Срд 17:01:56  45590
>>45589
Машина должна делать работу, иначе нахуя она?
Давайте жаловаться что css долго писать и вообще ебашить чистым хтмлом. Хули нет то? Работать будет? — Будет.

Теоретически такая менюшка может принести гораздо больше прибыли чем сэкономленные 100к ₽ на разработчике. Да и вообще, стратегия "экономить" всегда проигрышнее чем стратегия "больше зарабатывать". Если ты понял о чем я.
Аноним 11/05/16 Срд 17:14:14  45591
>>45590
Стратег ты диванный.
Аноним 11/05/16 Срд 17:38:17  45592
>>45591
Советую и тебе стать, здесь неплохо платят.
Аноним 11/05/16 Срд 19:08:42  45593
>>45592
бросил он небрежно и втащил вторую дорожку
Аноним 11/05/16 Срд 19:31:09  45595
>>45593
Заебал, которые раз гоню тебя отсюда, или хотя бы пиши по факту, раз начали дискутировать — так защищай свою позицию, а не сливайся как лошок.

Между тем дизайн-дайджест от Ветрова https://vc.ru/p/vetrov-18
Аноним 11/05/16 Срд 19:45:55  45596
>>45595
Добавил он в след, когда дверь уже захлопнулась.

- Черт, нервный какой-то стал. Сраный колумбиец, явно бадяжит стафф какой-то дерянью.
Аноним 11/05/16 Срд 19:52:14  45597