글쎄, 우리는 꽤 오래된 구식 웹 응용 프로그램을 실행하고 있습니다. jquery의 멋진 애니메이션은 기본적으로 하나의 색상으로 이루어집니다. 내 목표는 더 나은 모양의 응용 프로그램을 만들고, 재 배열하고, 새로운 효과, 새로운 색상, 새로운 느낌을 도입하는 것입니다. 그러나 프로토 타입과 마찬가지로 완벽한 아이디어 일 필요는 없습니다. 어쩌면 몇 가지 다른 제안을 줄 수도 있습니다. 마침내 고객에게 제시해야하며 예/아니오라고 말합니다.웹 응용 프로그램의 프로토 타입 스타일, 색상, 느낌, CSS
기본적으로 내가하고있는 일은 도중에있는 모든 것을 던져 버리는 것이며, CSS로 그 주위를 돌아 다니며 - 모든 것이 잘 돌아 가게하려면 시간이 많이 걸립니다.
나를 돕는 도구/현명한 접근법이 있습니까? 아마 일부 프레임 워크에 이미 적용 할 수있는 테마가있는 프레임 워크일까요?
이것은 모두 웹 응용 프로그램의 현재 형식에 따라 다릅니다.
CSS 클래스를 사용합니까? 그런 다음 새로운 스타일을 반영하기 위해 현재 스타일을 변경하는 것이 매우 쉽습니다.
또는 Chrome의 검사 요소와 같은 것을 사용하여 색상과 글꼴 및 위치를 신속하게 업데이트 한 다음 스크린 샷을 만들 수 있습니다.
저는 포토샵으로 시작했습니다.하지만 저는 개발자입니다. 나는 거기에 작은 일을하는 것이 매우 힘들었습니다. 모든 버튼 색상의 모양 - 절대로. 나는 jQuery UI Themeroller를 사용하여 애플리케이션을 통해 일관된 모양을 얻는 방법에 대한 좋은 접근법을 얻은 것으로 보였다. – Toskan
내가 당신이라면 많은 와이어 링 도구 중 일부를 사용하여 코드에서 아무 것도 노크 할 필요없이 응용 프로그램의 L & F를 전달하려고 시도 할 수 있습니다.
이 방법을 사용하면 요소를 간단하게 배치하고 아무 것도 코딩하는 데 필요한 시간을 절약하지 않고도 디자인의 느낌을 부여 할 수 있습니다.
포토샵에서 새로운 디자인을 조롱 한 다음 invision (http://www.invisionapp.com/)과 같은 것으로 업로드하여 상호 작용을 프로토 타입으로 만듭니다.
내가 http://jqueryui.com/을 확인 했습니까? –
웹 응용 프로그램의 모양과 느낌을 새로 만들려면 프로토 타입을 Photoshop에 만들어야합니다. 실제 디자인의 모든 것이 승인 될 때까지 코드에 들어 가지 마십시오. 그렇지 않으면 모든 것이 두 번 빌드됩니다. – Blazemonger