Случайны выбор дневника Раскрыть/свернуть полный список возможностей


Найдено 17354 сообщений
Cообщения с меткой

design - Самое интересное в блогах

Следующие 30  »
astrellas

Дизайн окна арка – шторы на арочные окна

Среда, 27 Июля 2016 г. 18:19 (ссылка)

*Дизайн окна арка – шторы на арочные окна*
Чаще всего арочные окна делают владельцы загородных домов и коттеджей, а также в кафе и ресторанах. Арочные окна подразумевают плавные линии и изогнутые конструкции. Изгиб окна арки уже сам по себе очень красивый, а оформление его шторами делает оконный проем изысканным. Дизайн штор для арочных окон отличается особым шармом и красотой, а поэтому требует красивых идей и тканей.

В виде арки очень часто делают эркерные окна, что позволяет пропускать в помещение много света. И шторы в этом случае позволяют оформить окно особенно необычно и даже экстраординарно. В этом случае важно правильно подобрать ткани для штор. В видео «Дизайн окна арка – шторы на арочные окна» продемонстрированы лучшие идеи дизайна штор для больших и маленьких арочных окон. Разверните плеер видео на весь экран и рассмотрите идеи и варианты оформления окон в деталях.

Ссылка на видео: https://youtu.be/eRc0mPjullw



Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

[Перевод] Идеальный рабочий процесс дизайнера

Вторник, 26 Июля 2016 г. 23:56 (ссылка)

Предлагаю читателям «Хабрахабра» перевод статьи «The Ideal Design Workflow» за авторством Keaton Herzer. По сути — это обзор тулзов, полезных и не очень, через призму боли и ненависти автора. Но несмотря на это, мне кажется, он не хотел кого-то обидеть (особенно Джонатана) или наоборот прорекламировать отдельно взятый продукт. Наслаждайтесь.







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





1. Эскиз (бумага и карандаш) — любой отличный дизайн начинается с бумаги. Возьмите бумагу и карандаш и набросайте несколько форм.





Безупречно



2. Следующее что вы должны сделать — это взять смартфон, сделать фотографии эскизов и бросить этих малюток на растерзание в POP. Так вы сможете проверить свой прототип.







3. Дальше нам нужны макеты. Эскизов никогда не бывает достаточно. Всегда только макеты и нет способа этого избежать. Так что открываем Omnigraffle и начинаем.







4. Теперь нам нужно контекстное меню, придется все переделать в Balsamiq.





Совсем не плохо, если вы дизайните для дошкольников



5. Понимаем, что ненавидим этот чертов Balsamiq и переделываем макет в Axure.







6. Понимаем, что ненавидим этот чертов Axure, поэтому перебираемся в Adobe Illustrator и переделываем все с помощью UI Wireframing Kit, который купили за $89.







7. После экспортируем результаты в PNG, и собираем макет в InVision, так мы хотя бы сможем поделится своей работой с командой.







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





Эти хлопья чертовски вкусные



9. Больше никакого InVision. Пошел ты, Джонатан.







10. Пересобираем прототип в Marvel и надеемся, что Джонатан не догадается, как оставлять здесь комментарии.







11. Отлично, макеты наконец-то готовы и одобрены. И Джонатан здесь не при чём. Время начинать прорабатывать детали.







12. Берем несколько стоковых фотографий, которые используют все подряд и с помощью Photoshop оптимизируем их.





Выглядит достаточно оптимизированно



13. Открываем Sketch и добавляем UI к нашему приложению. Это становится похожим на настоящий продукт!







14. Теперь экспортируем результат в PNG и собираем их в Flinto Lite.







15. Мы совсем забыли про поддержку жестов, поэтому придётся купить Flinto for Mac за $99.





Очень важно! Это разные вещи.



16. Но ваш начальник/клиент/акционер говорит, что ему ни к чему еще одно приложение и отказывается установить Flinto на свой телефон.







17. Импортируем ваш дизайн в Principle и добавляем взаимодействий.







18. Principle умеет импортировать только в видео? Серьезно?! Все пропало, шеф. Хотя может еще не все потеряно?







19. Выкачиваем Pixate, он бесплатный, поэтому почему бы и нет.







20. Пытаемся понять как им пользоваться (удачи с этим).



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







22. Как только Pixate доведет вас до безумия, успокойтесь и скачайте триальную версию Framer.







23. Время перекусить, тем более мы заслужили это.





Шаурма с лаймом отлично подойдет



24. Возвращаемся с обеда и обнаруживаем что Framer больше не бесплатный (Нет, серьезно, у вас было 32 минуты на пробную версию, сами виноваты).







25. На этот раз переделываем прототип в Justinmind.







26. Ощутите жар от горящих кресел ваших коллег, после того как отправите им Justinmind файл. Его никто не сможет открыть, потому что никто не знает, что это за «уменьшительно-ласкательное от названия вида многолетних травянистых растений рода Armoracia».







27. Серьезно рассматривая возможность сброситься с крыши, не спешите, потому что ваш друг обязательно расскажет вам о новой потрясающей тулзе, о которой узнал на meetup/Хабре/TED/Product Hunt/конференции.





Это вы



Спасибо большое, что дочитали до конца. Надеюсь этот рабочий процесс будет вам полезен.

Original source: habrahabr.ru (comments, light).

https://habrahabr.ru/post/306438/

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
llubov

Paulina Arcklin - HAPPY LIGHTS IN FARM HOUSE

Понедельник, 25 Июля 2016 г. 23:24 (ссылка)
blog.paulinaarcklin.net/201...house.html


http://www.happylights.be



Turquoise cabinet and wooden jars top of that, original Butterfly chair, wooden stools front of tile wall, grinder table (ethnic one), wooden bowls, black ceramic pots on the dining table are for sale in Couleur Locale on the webshop and on their stores in Antwerpen and Knokke-Heist, Belgium.



 





 


 


Читать далее...
Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

[Перевод] Функциональная анимация в UX дизайне. Что делает ее эффективной?

Понедельник, 25 Июля 2016 г. 14:57 (ссылка)

Предлагаю читателям «Хабрахабра» перевод статьи «Functional Animation In UX Design: What Makes a Good Transition?» за авторством Nick Babich.







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



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



Хороший дизайн анимации обладает следующими шестью признаками:



1. Отзывчивый



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







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





Объекты должным образом реагируют на действия пользователя.



2. Ассоциативный



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



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





Плохо.



Во втором, меню появляется прямо из точки касания, что создает крепкую связь между ними.





Хорошо.



Другой пример – «action button», функциональность которой изменяется при определенных условиях. «Play» и «Stop», вероятнее всего, самый распространенный пример переключаемых кнопок. Преобразование одной кнопки в другую означает, что эти два действия связаны, и нажатие на одну делает видимой другую. Вы должны анимировать подобные переходы так, чтобы они были плавными и неразрывными.





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



3. Естественный



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



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





Хорошо. В движении элемента вверх по экрану должно ощущаться усилие при разгоне.



4. Преднамеренный



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



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



MacOS использует функциональную анимацию при минимизации окна. Эта анимация связывает одно состояние окна с другим.







Еще один хороший пример перехода — это выбор пользователем элемента из списка с последующим преобразованием его в более детальное представление. Этот прием позволяет пользователю сохранить контекст.







5. Быстрый



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



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





Плохо.



Колебание и замедление движения множества элементов, также могут увеличивать продолжительность.





Плохо.



Анимация должна быть быстрой, настолько, чтобы пользователю не пришлось ждать ее окончания.





Хорошо.



Сделайте переходы короткими, так как пользователи будут видеть их часто. Длительность анимации должна составлять 300 или менее миллисекунд.





Хорошо.



6. Понятный



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





Плохо.



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





Хорошо.



Заключение



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



Проектируйте с заботой. Внимание к каждой детали – ключ к созданию простого в использовании приложения.
Original source: habrahabr.ru.

https://habrahabr.ru/post/306348/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_etoday

Raketa social club от Рамунаса Маникаса

Пятница, 22 Июля 2016 г. 23:44 (ссылка)

Дизайнер Рамунас Маникас (Ramunas Manikas) представил миру яркий проект под названием "Raketa social club".






Продолжение поста...




ВКонтакте

Facebook

http://feedproxy.google.com/~r/etoday/~3/SoVs0smETvw/raketa-social-club-ot-ramunasa.php

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество

Следующие 30  »

<design - Самое интересное в блогах

Страницы: [1] 2 3 ..
.. 10

LiveInternet.Ru Ссылки: на главную|почта|знакомства|одноклассники|фото|открытки|тесты|чат
О проекте: помощь|контакты|разместить рекламу|версия для pda