Как я могу оживить свои плоские значки iOS?

Я делаю иконку для приложения для быстрого чтения для iPhone. Это более или менее проекты, с которыми я играл:

введите описание изображения здесь

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

Чтобы проиллюстрировать, что я имею в виду, мне очень нравится значок Lumo:

введите описание изображения здесь

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

Как я могу оживить свои плоские значки iOS? (Я очень старался избегать слова «попса» :))

Я думаю, что последний из ваших трех вариантов является наиболее «знаковым» и, вероятно, тем путем, которым вы хотите следовать, учитывая, что вам нравится значок Lumo.

Ответы (1)

Я думаю, что то, что вы ищете, очень похоже на этот недавний вопрос:
как добиться градиента в Adobe Illustrator .

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

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

На твоем зеленом фоне ты мог бы

  1. Добавьте тонкий градиент сверху вниз

  2. Наложите на этот градиент стеклянную подсветку с жесткими краями.

  3. Добавьте тень с резкими краями, падающую от книги под углом примерно 45°.

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

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