나는 그릴 수 없습니다. 세련된 응용 프로그램을 만들려면 어떻게해야합니까?

저는 그래픽 디자이너가 아닙니다. 나는 아무것도 그리는 데 꽤 나쁩니다. 개발 도구와 함께 제공되는 "샘플"응용 프로그램처럼보기에도 좋을 것입니다. 주로 예술 자산에 쪼그리고 앉지 않았기 때문입니다.

이를 완화하기 위해 어떤 전략을 취할 수 있습니까?

나는 개인적으로 유쾌한 사용자 인터페이스를 만들기 위해 예술적으로 능숙해야한다고 생각하지 않습니다 .

좋은 UI를 만드는 것은 창의성에 달려 있지 않지만 잘 확립 된 몇 가지 지침과 더 관련이 있습니다. 이 지침을 따르고 일부를 연습하면 훌륭한 인터페이스를 직접 만들 수 있습니다.

다음을 수행하는 것이 좋습니다.

• 좋은 사용자 인터페이스를 만드는 것에 대해 읽으십시오. (주로 온라인)
• 당신에게 좋은 일부 사용자 인터페이스를 연구하고 찾으십시오.
• 몇 가지 좋은 디자인을 비교하고 비슷한 디자인을 찾아보십시오.
• 이제 자신의 디자인을보고 그러한 요소가 있는지 확인하십시오.
• 사용자 인터페이스를 좋아하는 것과 유사하게 다시 작성하십시오.

이 실습을 1 ~ 2 주간 수행하면 (그리고 좋은 인터페이스를 디자인하는 방법을 배우는 데 1 ~ 2 주가 그렇게 오래 걸리지 않는 경우), 좋은 사용자 인터페이스를 만드는 것의 대부분을 배울 것입니다 .

사용자 인터페이스를 기쁘게 만드는 몇 가지 사항은 다음과 같습니다.

• 간단
• 일관성 (색상, 글꼴, 버튼 사용, 링크 등)
• 간격
• 더 적을수록 (사용성을 줄이지 않고 사용자로부터 최대한 숨기십시오)
• 흰색 배경과 검은 색 글꼴을 사용하지 마십시오. 대비가 충분해야하지만 일반적으로 배경을 밝은 회색으로 변경하고 글꼴은 진한 회색으로 변경하십시오.

또한 ... 디자인으로 시작하지 마십시오. 기능으로 시작하여 디자인을 발전 시키십시오. 또한 실험하십시오! 1-2 번의 '반복'후에도 완벽하게 보이지 않으면 화 내지 마십시오. 시간이 지남에 따라 더 좋아집니다. 그러나 가장 중요한 것은 시도해야합니다 .

나의 예술 능력은 좋은 날에 약 5 학년입니다 :). 나는 직장에서 전문적으로 그래픽 디자이너를 고용하거나 우수한 예술 기술을 가지고 있고 그것을 사용하는 것을 좋아하는 아내를 고용합니다.

내 마음에 그래픽 디자인은 UI / UX 디자인이 아닙니다. 나는 대부분의 UX를 수행하거나 UX 전문가를 고용하여 UX에 대한 통제력을 유지하고 GD와 협력하여 예쁘게 보이게합니다. 나는 잘 결합 된 UX / GD 전문가가 있다고 확신하지만, GD가 예쁘게 보이고 UX가 매우 나쁘고 몇 달 후에 구식이었던 것을하는 나쁜 경험을했습니다. 몇 가지 프로젝트를 위해 GD와 협력했습니다.

그래픽 자산을 찾고 있다면 무료로 사용할 수있는 고품질 그래픽을 수집하는 몇 가지 웹 사이트가 있습니다.

• 틀림없이 최고의 UI 웹 프레임 워크를위한 부트 스트랩
• Twitter의 Bootstrap UI 프레임 워크를 보완하는 아이콘 세트 용 Glyphicon
• 미묘한 배경 패턴을위한 미묘한 패턴
• FamFamFam의 실크 아이콘 은 많은 소프트웨어에서 사용됩니다.
• 다양한 요소를위한 창의적 시장

그 밖의 많은 무료 그래픽 자산을 포함 하는 그놈 아트 프로젝트 와 같은 더 많은 것들 .

나는 조금 창의적이지 않고 디자인에 대한 교육이 없었기 때문에 항상 보수주의 측면에서 노력합니다. 확립 된 패턴 (예 : 프레임 워크)을 사용하고 가능한 최소한의 경로에서 벗어납니다. 이것은 반드시 흥미롭지는 않지만 적어도 실패 가능성과 UX 재해를 최소화합니다.

피카소는“훌륭한 예술가가 훔친다”고 말했지만 실제로는 거의 재능이없는 해킹이며, 이것이 마이크로 소프트와 삼성이 어디에서나 잘 팔리는 플랫폼이되었는지 살펴 봅니다.

이런 종류의 전문가를 고용 할 수 있지만 기본적인 기술을 배울 수있는 타고난 예술적 능력은 필요하지 않습니다. 저학년 학위는 실제로 "엔지니어를위한 예술"한 학기를 요구했습니다. 지역 커뮤니티 칼리지에서 수업을 수강하는 것은 매우 유익 할 수 있습니다. 당신은 여전히 ​​현장에서 특별히 훈련받은 사람들만큼 좋지는 않지만 프로그램 이보다 전문적으로 보일 정도로 확실히 향상시킬 수 있습니다.

상대 아마추어를 대상으로 한 책도 있습니다. 내가 웹 디자인에 유용하다고 생각한 책 중 하나는 Jason Beaird 의 The Beautiful Web Design의 원리입니다 . 디자인이 크게 향상되지 않더라도 약간의 교육을 받으면 디자인의 문제점을보다 효과적으로 언어화할 수 있습니다. 항상 "나쁜 것 같지만 왜 그런지 알 수 없습니다"라고 말하는 대신, 잘못된 커닝이나 부정적인 공간 부족과 같은 문제를 찾아 낼 수 있으며 문제를 정의하는 것은 반으로 나뉩니다.

당신이 찾고있는 것은 "개발자를위한 UI / UX 디자인"입니다. 이 주제와 관련된 한 권의 책 은 프로그래머를위한 사용자 인터페이스 디자인입니다.

UI / UX 디자인을 찾고 있지 않지만 그래픽 디자인 기술을 향상 시키려면 Adobe Photoshop 또는 Adobe Illustrator를 사용하는 방법에 대한 강의를 찾는 것이 좋습니다 (적어도 인터넷에 대한 일부 자습서). 몇 가지 기술을 배우고 다른 사람들의 영감을 얻은 작품을 보면 예술적 창의력이 얼마나 필요한지 놀랄 것입니다.

예를 들어 둥근 사각형 도구와 함께 Photoshop에서 그라디언트 도구를 배울 수 있으며 오른쪽의 "뉴스 레터 가입"버튼과 유사한 것을 만들 수 있습니다 (이 경우 순수 CSS로 수행됨).

다른 사람들이 프레임 워크, 템플릿 및 사전 제작 된 GUI 구성 요소를 사용하는 형태로 "작업을 수행"하도록하십시오. 예를 들어 그림을 그리거나 디자인 할 수 없으므로 모든 새로운 웹 프로젝트마다 레이아웃과 디자인을위한 CSS 템플릿 (많은 무료 CSS 템플릿 사이트에서 시작)으로 시작한 다음 거기에서 '조정'하십시오. 이러한 템플릿에는 이러한 차이를 해결하는 데 도움이되는 완벽한 디자인이 포함되어 있습니다.

c_maker는 '유용한'디자인 ​​목적에 더 구체적으로 들린다 고 생각하지만 좋은 유용성 은 좋은 디자인 이라는 점에 동의합니다 .

웹 디자인 및 레이아웃 작업을 수행하는 경우 다음 CSS 사이트 중 일부가 있습니다.
http://www.freecsstemplates.com/
http://www.templatemo.com/
http://www.free-css.com/
http : //www.oswd.org/
http://www.openwebdesign.org/