Иконки:Как разработчику без навыков дизайна удается сделать значки своих приложений красивыми?[закрыто]

StackOverflow https://stackoverflow.com/questions/6729

  •  08-06-2019
  •  | 
  •  

Вопрос

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

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

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

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

Это было полезно?

Решение

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

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

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

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

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

Другие советы

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

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

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

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

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

Мне нравятся бесплатные иконки шелка на famfamfam, но они в формате png, и когда я конвертирую их в формат ico, они выглядят довольно дрянно.Не знаю, что я делаю не так...

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

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

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

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

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

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

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

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

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

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

Также доступны несколько бесплатных наборов значков, как это.

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

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

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

ГлиФкс и Векторные иконки ликвидности.

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

Мне нравятся бесплатные иконки шелка на famfamfam, но они в формате png, и когда я конвертирую их в формат ico, они выглядят довольно дрянно.Не знаю, что я делаю не так...

Похоже, вы удаляете альфа-канал.Прежде чем конвертировать их в значки, убедитесь, что вы загружаете их как 32-битные PNG-изображения ARGB.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как дизайнер без навыков программирования пишет программное обеспечение?

Они нанимают программиста, чтобы сделать это.

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top