developer tip

아이콘 : 디자인 기술이없는 개발자는 어떻게 애플리케이션 아이콘을 예쁘게 보이게할까요?

copycodes 2020. 12. 5. 10:01
반응형

아이콘 : 디자인 기술이없는 개발자는 어떻게 애플리케이션 아이콘을 예쁘게 보이게할까요?


나는 아마도 시각적 인터페이스를 멋지게 보이게하는 데 너무 많은 시간을 할애하고 있고, 유용성과 스타일 사이의 적절한 일치를 찾는 데 꽤 능숙하지만 내가 바라는 것은 멋진 아이콘을 만드는 것입니다.

사람들은이 문제를 어떻게 극복합니까? 나는 버튼의 이미지, 그리고 아마도 가장 중요한 것은 실제 응용 프로그램 아이콘과 같은 것들을 생각하고 있습니다.

내부 또는 외부에서 타사 디자이너에 의존합니까? 아니면 우리가 사용할 수있는 많은 아이콘을 제공하는 숨겨진 웹 사이트를 알고 있습니까? Google을 사용해 보았지만 매우 구체적인 값 비싼 패키지, 수백만 개의 Star Trek 아이콘 또는 응용 프로그램 내 버튼에서 선호하는 크기 인 16x16에서 심해 보이는 아이콘을 찾는 것 같습니다.

모든 도움 / 조언을 부탁드립니다.


좋은 아이콘은 디자인하기 어렵습니다. 나만의 디자인을 시도했고 사내 그래픽 디자이너도 사용했습니다. 그러나 좋은 아이콘 세트를 구축하려면 그래픽 디자이너에게도 많은 작업이 필요합니다.

최선의 해결책은 프로젝트에 사용할 아이콘 세트를 구입 / 찾는 것입니다.

실크 아이콘 세트는 좋은 무료 세트이며 FamFamFam 에서 찾을 수 있습니다 . 이 세트에는 1000 개 이상의 아이콘이 있으며 매우 인기가 있습니다.

"다른"것을 찾고 있다면, 아이콘 세트를 수백 달러에 구입할 수 있습니다. 디자이너가 직접 만들거나 직접 만드는 비용을 고려할 때 이러한 세트의 비용은 저렴합니다!

다음은 웹에서 만난 몇 가지 아이콘 디자이너입니다.


많은 도구 모음 단추 나 채울 다른 개체가 없는 경우 고유 한 응용 프로그램 아이콘과 시스템 아이콘을 넘어서는 아이콘을 거의 사용할 수 없다는 점을 잊지 마십시오 . (사용자 컴퓨터의 기존 라이브러리에서 호출하는 것을 잊지 말고 다시 포장하지 말고 변호사를 기쁘게하십시오.)

아이콘이 너무 많으면 못생긴 것만큼이나 나쁠 수 있습니다. 많은 지침에 따르면 전문적인 모양의 아이콘을 가질 수 없다면 대신 공백이 있습니다. 인터페이스를 가볍고 깔끔하게 유지하는 데 도움이 될 수 있습니다.


돈이 있다면 반드시 전문 디자이너와 함께 가십시오. 처음에는 디자이너가 필요한 프로젝트가 너무 많지 않은 경우 계약에 따라 하나를 고용하십시오. 정규직 디자이너의 필요성을 느끼기 시작하면 디자이너를 고용하는 것이 유익 할 것입니다.

보기 좋은 무료 아이콘 세트를 사용할 수 있지만 대부분의 프로젝트에 재사용 할 수있는 괜찮은 아이콘 세트를 구입해야합니다.

마지막으로, 디자이너에게 접근 할 수없는 경우에는 외관을 매우 깨끗하고 단순하게 유지하십시오. (아티스트가 아니기 때문에) 멋진 디자인을 할 수 없을 가능성이 있기 때문입니다.


나는 famfamfam의 무료 실크 아이콘을 좋아하지만, 그들은 png이고, ico 형식으로 변환하면 꽤 엉망인 것처럼 보입니다. 내가 뭘 잘못하고 있는지 모르겠다 ...


적절한 UI와 애플리케이션에 대한 훌륭한 사용자 경험을 제공하기 위해 훌륭한 디자이너가 될 필요는 없습니다.

애플리케이션을 크게 향상시킬 수있는 특정 원칙이 있다고 생각합니다.

높은 수준에서 여기에는 다음이 포함됩니다.

  • 상위 3 가지 사용 사례 식별
  • 주요 사용 사례를 통과하는 데 걸리는 클릭 수 측정 및 줄이기
  • 스케치하고, 프로토 타입을 만들고, 버리고 더 적은 비용으로 자신에게 도전하세요.

GUI 디자인과 관련된 몇 가지 원칙을 작성하려는 블로그 항목을 작성했습니다. 그것을 확인하고 당신의 생각을 알려주십시오.

몇 가지 간단한 원칙으로 GUI 애플리케이션의 사용자 경험을 개선하는 방법.


다음은 얼마 전에 찾은 아이콘 링크입니다. 아직 게시되지 않은 것 같습니다.

이것도 흥미롭게 들리지만 OpenClipArt 는 웹에서 빠른 미리보기 (썸네일)를 제공하지 않는 것 같습니다.


우리는 프리랜서 디자이너도 사용하지만 우리를 수행하는 사내 디자이너가 있습니다.

99 디자인 에 대한 디자인 공모전을 시작해 볼 수 있습니까?

이와 같은 무료 아이콘 세트도 있습니다 .

Google을 둘러 보면 사용할 수있는 상용 아이콘 세트도 꽤 많이 찾을 수 있습니다 (물론 아이콘 세트 옵션 중 어느 것도 앱에 특정한 아이콘을 얻지 못할 것입니다!).

도움이 되었기를 바랍니다.


내가 정말 좋아하는 몇 가지가 있습니다.

GlyFx유동성 벡터 아이콘 .

Liquidicity의 기능은 WPF 또는 Silverlight에 특히 유용하며 확대 된 인터페이스도 멋지게 만들 수 있습니다.


나는 famfamfam의 무료 실크 아이콘을 좋아하지만, 그들은 png이고, ico 형식으로 변환하면 꽤 엉망인 것처럼 보입니다. 내가 뭘 잘못하고 있는지 모르겠다 ...

알파 채널을 제거하는 것 같습니다. 아이콘으로 변환하기 전에 32 비트 ARGB PNG로로드하고 있는지 확인해야합니다.


Visual Studio Express 사본을 등록 할 때 IconBuffet을 발견했습니다. 응용 프로그램에서 사용할 수있는 멋진 아이콘이 있습니다.

응용 프로그램 개발을 위해 .Net에서 WPF 인터페이스를 사용하기 시작했으며 곧 Mono에서도 사용할 수 있습니다. Windows 응용 프로그램에서 웹 이미지와 그림을 사용할 수있는 기능을 통해 창의적인 사람이 아니더라도 멋진 인터페이스를 개발할 수 있습니다.

웹 사이트 레이아웃의 경우 무료 디자인 및 레이아웃을 위해 OSWD와 같은 사이트를 사용합니다.


I recommend IconFactory, too. Or to be exact: http://stockicons.com/ There are a lot of icon sets for an affordable price and I think buying a professional set is the best choice you have if you're not a graphics designer yourself.

If you only need a single icon, it's probably worth to hire a graphics designer.


But why on earth do you think you need to make icons to make your interfaces look good? Icon driven interfaces are the bane of UI these days. Look at a screenshot of Komodo IDE or Eclipse for example. These are horrendously badly designed interfaces. It's impossible to tell what the buttons do until you hover over them and get the tooltip. I suggest you use text unless there is an icon that better represents the concept, not feel you need to represent every idea visually.

I guess it depends what context you're developing UI for - have you a lot of users who don't speak English as their first language? Is it for occasional use or for power users to use every day? Is it a web site? Is it a desktop application?

But when you really need icons, there are some good libraries out there. I think consistency is really important; Tango for instance "exists to help create a consistent graphical user interface experience for free and Open Source software." and the rather attractive icons are licensed under Creative Commons


I thought it may be interesting to mention that Axialis has just released a version of the their Icon Studio for Visual Studio 2008 for free. It will only install if VS 2008 Pro or TFS is installed and plugs directly into the VS toolbar.


I have always liked the icon selections at VirtualLNK. They have a good number of icon packages that have a modern look at a reasonable price.


Try this site www.iconsreview.com, they offer reviews for a variety of icon packages, both free and for purchase.


www.iconshock.com has over 400,000 icons and you can buy the entire collection for around $400.

Alternatively there are a number of sites offering free icons, just be sure to check the licence.


I ended up getting $20 credits (min amount) from vectorstock - they have a lot of vector images, icons and stuff like that to choose from, selling for 1 credit (1$).


You can always go on Elance and hire someone to make any icons/logos for you. I've done it several times and it's pretty cheap for what you're getting. There is so much competition on that site that someone will eventually come in at your price point. I've always believed theres no point in spinning your wheels with something you don't really specialize in.

Oh yeah and like this site, keeping it simple is always best!


I try to keep my applications very simple. Simplicity and usability can be a good design in-and-of itself if done intelligently.

Take all of the buttons for Stackoverflow for example. It shouldn't be very difficult to implement something similar in your own application. They are simple and they get the job done.


Try aiming for clean and simple first, and then worry about aesthetic elements.


How does a designer with no programming skills write software?

They get a programmer to do it.


Cheat and use photo's!

I've struggle with this, What I tend to do now, is find photos of objects BUT on a plain white background. The background can be made transparent. I then use this Conversion tool to convert a PNG file into an .ico. When exporting include all resolutions up to 512 pixel size for good results.

참고URL : https://stackoverflow.com/questions/6729/icons-how-does-a-developer-with-no-design-skill-make-his-her-application-icons

반응형