Иконки: как разработчик, не имеющий навыков дизайна, делает значки своих приложений красивыми?

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

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

Вы полагаетесь на сторонних дизайнеров дома или за его пределами? Или вы знаете какой-то скрытый веб-сайт, который предлагает нам множество значков? Я пробовал Google, но, похоже, нашел либо дорогие пакеты, которые очень специфичны, либо миллионы значков Star Trek, либо значки, которые ужасно выглядят при 16x16, что является моим предпочтительным размером кнопок в приложении.

Любая помощь / совет приветствуются.

Ответов (19)

Решение

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

Я считаю, что ваше лучшее решение - купить / найти набор иконок для использования в ваших проектах.

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

Если вы ищете что-то «другое», вы можете приобрести наборы иконок за пару сотен долларов. Учитывая стоимость того, что дизайнер создает их для вас или делает их самостоятельно, стоимость этих наборов невысока!

Вот несколько дизайнеров иконок, с которыми я столкнулся в сети:

Попробуйте этот сайт www.iconsreview.com , он предлагает обзоры различных пакетов значков, как бесплатных, так и платных .

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

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

На высоком уровне это включает:

  • Определение трех основных вариантов использования
  • Измерение и сокращение количества кликов, необходимых для выполнения основных сценариев использования.
  • Набросайте, создайте прототип, выбросьте это и поставьте перед собой задачу сделать это с меньшими затратами

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

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

Старайтесь сначала стремиться к чистоте и простоте, а затем беспокойтесь об эстетических элементах.

В итоге я получил 20 долларов (минимальная сумма) от vectorstock - у них есть много векторных изображений, иконок и тому подобного на выбор, продаваемых за 1 кредит (1 доллар).

Я тоже рекомендую IconFactory. Или, если быть точным: http://stockicons.com/ Существует множество наборов иконок по доступной цене, и я думаю, что покупка профессионального набора - лучший выбор, если вы сами не являетесь графическим дизайнером.

Если вам нужен только один значок, вероятно, стоит нанять графического дизайнера.

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

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

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

Вы могли бы попробовать начать конкурс дизайна на 99 дизайнов?

Доступны также некоторые бесплатные наборы значков, например эти .

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

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

Я столкнулся с IconBuffet при регистрации своей копии Visual Studio Express. У них есть отличные значки, которые вы можете использовать в своих приложениях.

Что касается разработки приложений, я также начал играть с интерфейсами WPF в .Net, которые скоро будут доступны и в Mono. Благодаря возможности использовать веб-изображения и картинки в приложениях Windows, даже не творцы могут разрабатывать потрясающие интерфейсы.

Для макетов веб-сайтов я использую такие сайты, как OSWD, для бесплатных дизайнов и макетов.

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

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

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

Но почему вы думаете, что вам нужно делать значки, чтобы ваши интерфейсы выглядели хорошо? В наши дни интерфейсы, управляемые значками, являются проклятием пользовательского интерфейса. Посмотрите, например, на скриншот Komodo IDE или Eclipse. Это ужасно плохо спроектированные интерфейсы. Невозможно сказать, что делают кнопки, пока вы не наведете на них курсор и не получите всплывающую подсказку. Я предлагаю вам использовать текст, если нет значка, который лучше представляет концепцию, не чувствуя, что вам нужно представлять каждую идею визуально.

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

Но когда вам действительно нужны значки, есть несколько хороших библиотек. Я считаю, что последовательность действительно важна; Tango, например, «существует, чтобы помочь создать согласованный графический пользовательский интерфейс для бесплатного программного обеспечения с открытым исходным кодом». а довольно привлекательные иконки находятся под лицензией Creative Commons

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

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

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

Ах да, и нравится этот сайт, всегда лучше делать его простым!

Я подумал, что будет интересно упомянуть, что Axialis только что выпустила бесплатную версию своей Icon Studio для Visual Studio 2008. Он будет установлен только в том случае, если установлен VS 2008 Pro или TFS и подключен непосредственно к панели инструментов VS.

У меня есть пара, которая мне очень нравится:

GlyFx и векторные иконки ликвидности .

Те из Liquidicity особенно полезны для WPF или Silverlight, вы можете сделать интерфейс, который даже при увеличении будет выглядеть великолепно.

Мне всегда нравился выбор значков в VirtualLNK . У них есть большое количество пакетов иконок, которые выглядят современно по разумной цене.

www.iconshock.com насчитывает более 400 000 иконок, и вы можете купить всю коллекцию примерно за 400 долларов.

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

Это ссылки на значки, которые я нашел некоторое время назад, я думаю, что они еще не были опубликованы:

это тоже звучит интересно: OpenClipArt, но их веб, похоже, не предлагает быстрых превью (эскизов)

Обманивайте и используйте фото!

Я борюсь с этим. Сейчас я обычно ищу фотографии объектов, НО на простом белом фоне. Фон можно сделать прозрачным. Затем я использую этот инструмент преобразования, чтобы преобразовать файл PNG в .ico. При экспорте включайте все разрешения до 512 пикселей для хороших результатов.