Подтвердить что ты не робот

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

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

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

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

4b9b3361

Ответ 2

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

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

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

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

Ответ 3

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

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

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

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

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

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

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

Ответ 4

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

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

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

Ответ 5

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

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

Ответ 6

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

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

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

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

Цвет:

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

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

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

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