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

Question

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

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

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

Answer 1

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

• Vista Buttons:

• Innerglows:

• Glass Buttons:

Answer 2

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

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

Answer 3

Единственный, который я действительно использую на данный момент, это Bitmap DropShadow, и я не использую его так, чтобы просто немного тени. Следующий пример слишком для меня. Я бы уменьшил ShadowDepth и непрозрачность.

alt text http://i.msdn.microsoft.com/ms753350.Effects_DropShadowSimple(en-us,VS.90).png

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

Answer 4

С точки зрения повышения вашего приложения, вот некоторые вещи, которые я лично люблю:

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

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

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

Так в заключении:

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

Надежда, что помогает!

Answer 5

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

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

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

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

Answer 6

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

Попытайтесь дать своим посетителям что-то, а не нанести им что-то.

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

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

По цвету:

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

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

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

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