Эффекты дизайна в WPF (приемы улучшения внешнего вида приложения)

Question

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

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

Какой твой любимый эффект?

Answer 1

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

Для хорошего дизайна не существует серебряной пули, лучший совет для тех, кто полностью потерял: «Меньше значит больше». Особенно, когда речь идет о цветах, избегайте использования разных цветов.

Посмотрите на другие хорошо выглядящие приложения (Photoshop CS4, Adobe Reader 9, OSX Preview и т. Д. И т. Д.), Они действительно очень чистые.

Если вы действительно хотите использовать некоторые wpf-полномочия, простой трюк - переходы непрозрачности, просто сохраняйте все анимации короткими (максимум 0,2 секунды). А для движущихся анимаций обязательно используйте ускорение и замедление, иначе анимация будет выглядеть очень странно.

Answer 2

Что касается улучшения вашего приложения, вот несколько вещей, которые мне лично нравятся:

• Dropshadow ... Создает эффект глубины в вашем приложении, обеспечивает общее направление освещения, в противном случае трудно поддерживать хороший общий эффект.
• Масштабирование ... При переходе из одного состояния в другое использование масштабирования привлекает внимание к элементу управления / экрану
• Ослабление ... Всякий раз, когда на экране есть движение, его следует ослаблять от начала до конца.
• Сияние ... Для ролловеров мне нравится тонкий блеск для элемента управления, это может быть достигнуто путем перемещения тонкого градиента по элементу управления.

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

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

Итак, в заключение:

• Использование эффектов для выделения взаимодействия с пользователем
• Убедитесь, что эффекты используются в соответствующих местах
• Сохраняйте эффекты незаметными
• Избегайте чрезмерного использования эффектов

Надеюсь, это поможет!

Answer 3

Я нашел следующие примеры:

• Кнопки Vista :

• Подсветка :

• Стеклянные кнопки :

Answer 4

На данный момент я действительно использую только Растровое изображение DropShadow , и я использую его не так часто, как небольшую тень. Пример ниже слишком много для меня. Я бы уменьшил ShadowDepth и непрозрачность.

_{(источник: microsoft.com )}

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

Answer 5

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

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

Answer 6

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

Постарайтесь дать посетителям что-нибудь, а не ударить их чем-нибудь.

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

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

По цвету:

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

Я бы старался держаться подальше от сочетания цветов с противоположных сторон цветового круга или от сочетания холодных и теплых цветов на одной странице.

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

Часто, когда вы пытаетесь рекламировать продукт или услугу, чем меньше, тем больше.