2010-02-16 2 views
1

나는 웹 사이트를 만들었지 만 기능적이지만 멋지지 않습니다. CSS 클래스와 ID를 모든 것에 할당하여 나중에 다시 돌아와 스타일을 추가하는 것이 더 쉬워졌지만 눈을 즐겁게하는 색상 및 레이아웃에 대해서는 기술이 없습니다.웹 응용 프로그램의 스타일을 지정하는 데 도움이되는 온라인 리소스가 필요합니다.

무료 웹 사이트 템플릿을 제공하는 사이트가 많이 있지만 모두 너무 구체적이어서 내 웹 사이트 스타일에 도움이되지 못합니다.

누구나 CSS 예제가 간단한 사이트를 제안 할 수 있습니까? 튜토리얼은 필요 없습니다. 나는 CSS를 이해한다, 나는 단지 "꽤"할 수 없다.

솔직히, 내 아내가 내 옷을 골라 내지 않으면 나는 끔찍해 보입니다 ... 나는 스타일링에 도움이 필요합니다.

(유래 이런 식으로 뭔가를 요구할 권리 장소가 아닌 경우 아, 그리고, 더 적절한 장소에 나를 직접하시기 바랍니다.)

+0

+1에 대한 비유. – BalusC

답변

3

따라서 .. 디자인하는 방법을 배우고 색상을 선택 하시겠습니까?

시작하려면 템플릿 삽입 영감을 CSS DriveCSS Zen Garden에 가져올 수 있습니다. CSS color scheme designer에서 "좋은 색상"을 선택하고 결합 할 수 있습니다.

"css design templates"및 "css color schemes"을 사용하여 더 많은 힌트를 Google에서 찾을 수 있습니다.

+0

BalusC, 여기서 여러 가지 도움을 받았기 때문에 여러 답변을 표시 할 수 있었으면 좋겠지 만 응답 내용이 내가 원하는 내용을 가장 많이 반영한 것으로 보입니다. 그 CSS 젠 가든이 내 마음을 날려 버렸다. 나는이 프로젝트의 현재 단계의 범위를 벗어나지 만 실제로 거기에서 영리한 아이디어를 얻었습니다. –

2

흠. 웹 응용 프로그램에 대해 이야기하고 있습니까? 약 JQuery UI은 어떻습니까? UI 끝 부분에서 JQuery를 사용한다는 것을 암시하기 때문에 이것이 정말로 도움이되는지는 잘 모르겠지만 아주 멋진 애플리케이션 템플리트와 스타일이 지정된 컨트롤을 제공합니다.

+0

Pekka, 나는 이미 jQuery를이 기능에 사용하고 있으며 핵심 기능을 작동시킨 후에 많은 컨트롤에 jQuery UI를 사용할 계획 이었지만 그렇게 자세히 보지 않았다는 것을 고백합니다. 나는 그것이 대부분 꽤 구성 요소이고 사이트 전체 테마 개념을 가지고 있지 않다고 생각했습니다. 만약 그렇다면, 당신은 저에게 먼저 가서 그걸 들여다 볼 필요가있는 킥을 제게 제공했습니다. –

+0

예제를 확인하십시오. 이미 많이 있습니다. 그것은 마치 전체 앱을 빌드하는 것으로 충분하거나 아주 가까이에있는 것처럼 보이지만, 자신에게 적합한 지 여부를 확인해야합니다. –

2

당신이 :)을 설계 개발자처럼 적은 설계 보이게하기 위해 할 수있는 몇 가지 기본적인 것들이 있습니다 :

  1. 공백을! 공백이 많이! 너무 많은 공백을 사용했다고 생각되면 조금 더 추가하십시오. 주요 인터페이스 요소 사이의 최소 20-30 픽셀 패딩/여백
  2. 웹 안전 기본값 이외의 다른 글꼴을 사용하십시오. Typekit과 같은 것을 사용하십시오.
  3. 색 이론을 읽으십시오. 남용 된 파란색, 검은 색 및 흰색 색 구성표를 고집하지 마십시오.

여기에 설명 할 수있는 팁이 많이 있지만 시간이 지나면 좋은 디자인 감각이 형성됩니다. 체크 아웃 수있는 몇 가지 다른 자원은 다음과 같습니다

+0

"다른 글꼴 사용"은 위험 할 수 있습니다. 글꼴에 열광하는 것은 아마추어의 확실한 신호 중 하나입니다 (* : 모든 뉴스 레터 * 참조). – Chuck

+0

매우 사실. 주어진 디자인에 대해 MOST에서 2 ~ 3 개의 글꼴로 제한하십시오. 자신이 선택한 것을 보수하십시오. 다른 글꼴을 사용한다고하면 기본적으로 Helvetica의 대안을 찾으십시오. –

+0

Derek, 게시 한 "기타 리소스"링크 중 어느 것도 귀하가 생각하는 곳으로가는 것 같지 않습니다. –

1

내가이 일을 위해 프리랜서를 고용하는 조언을 것입니다.

특히 기능이 이미 완료되어 사이트가 상업적인 성공을 추구하고 있다면.

2

누군가가 "내 스케치북에 웹 응용 프로그램을 작성했다면 프로그래밍 할 수 있도록 온라인 리소스가 필요합니다. 프로그래밍에 정말 좋지 않습니다."라고 말한 사람이 있다고 상상해보십시오. 그것은 당신의 징계에 적용될 때 어리석은 것처럼 들리는가?하지만 솔직히 한 자원을 살펴보고 한 자원을보고 갑자기 좋은 프로그래머가 될 수있는 것보다 갑자기 훌륭한 설계자가 될 수는 없습니다.

이 앱이 재미있게 즐기는 것일 경우 사람들이 추천 한 자료 (예 : Zen Garden 등)를 사용하고 오래 되셨습니다. 그러나 이것이 "진지한"프로젝트를위한 것이라면 실제로 디자인을 아는 사람을 고용해야합니다. 원한다면 학교에 다니고 디자인을 배우십시오. 그러나 7 일 만에 스스로를 가르 칠 수있는 것이 아니라는 것을 깨달으십시오.

+0

음, 척. 나는 확실히 디자이너에게 경멸을 의미하지는 않습니다. 이것은 내가 상점 선반에 넣으려고하는 앱이 될 수 없다. 나는 그저 엉덩이처럼 보이지 않게하고 싶어. 저는 전문가가 필요하지 않습니다. 저는 약간의 색체 원조와 광범위한 레이아웃 아이디어가 필요합니다. 진정한 디자이너가 "초보자"라고 생각할 것이라고 상상해보십시오. –

+0

내가 줄 수있는 주제에 대한 최고의 조언은 Google의 무료 CSS 템플릿을보고 아이디어를 얻는 것입니다. 그 아이디어는 중요합니다. 그리고 내가 당신에게 말할 때 나를 믿어 라. 당신은 나쁜 디자이너라는 것에 대해 틀렸다. 나는 당신이 한 것과 똑같은 말을 한 마디로 느꼈다. 나 자신을 설득하는 것을 그만두고 내 연구를하고 연습했다. 죄송합니다. 단기적인 해결책이 아닙니다. (편집 : 그것을 시도해보십시오, 당신의 아내/친구에게 비평하도록 부탁하십시오) –

관련 문제