UI 코딩

nalrim의 이미지

이건 질문도 아니고 잡담도 아닌 글입니다.
업무분석과 요구사항분석도 끝나고 DB설계도 끝났고 테스트 코드를 만들어 검증도 했습니다.
이제 UI코딩이 남았는데 DB설계할때 A4용지에 스케치해둔게 있습니다.

그런데 막상 비주얼스튜디오를 열어서 컨트롤들을 배치하면서부턴 깜깜해지기 시작합니다.
패널, 그룹박스, 라벨, 텍스트박스, 콤보박스, 리스트박스, 트리, 그리드, 버튼 이 조합만으로
충분히 구현이 가능한데 만들어보면 너무 허접해보이는 겁니다.
색깔도 바꿔보고 폰트도 바꿔보지만 그럼 더 조잡해져버리고요.

UI코딩이 쉽지 않아서 상용컴퍼넌트를 써볼까 했는데 제품소개에 나온 스샷은 번지르르한데
그것도 메뉴얼보고 나름대로 커스터마이징을 해야 나오는 그림이라 쓸 생각은 없고
유지보수면에서도 알수없는 오류나 자잘한 버그들을 만날까싶어 두려워서도 못쓰겠고..

우짜면 좋나요? ㅠㅠ
저보다 UI 못만드는 분은 없을꺼라 생각됩니다. 노하우 쬐금만 알려주시면 안될까요?

litdream의 이미지

저도 UI 최악이라는 분야에서는 한가닥 합니다.
command line 에 너무 익숙한 탓이라도 스스로를 다독여봅니다.

삽질의 대마왕...

삽질의 대마왕...

익명사용자의 이미지

UI 디자인이 의외로 상당한 지식과 능력을 필요로 합니다. GUI 디자인의 기본이 된 IBM의 Common User Access의 내용만 해도 천페이지가 넘어가더군요. 게다가 아직도 3rd edition 제대로 구현한건 OS/2의 WPS 정도일 뿐이고요.

윈도우즈 포함해서 대부분의 UI가 CUA의 영향아래 있고 기본 이념은 비슷하니 참고하실 자료가 아예 없는 상황이라면 KDE User Interface Guidelines 한번 보세요. 간단하지만 기본 방향을 잡는데 도움이 되리라 믿습니다.

UI는 쓰는 사람이 편해야 되는 거라, 사실 사용자 피드백이 제일 중요해요. 정 안되면 일단 만들어 놓고 내부 사용자 테스트 ㄱㄱ~

익명사용자의 이미지

앞에거 취소~ 취소~

혹시나 해서 찾아봤더니 역시 있군요. MSDN Library 보면 'The Windows Interface Guidelines for Software Design'이란 책 있습니다. 아마도 CUA 2nd edtion에 해당하는 내용같네요. 저도 시간나면 읽어 봐야 겠습니다. ㅎㅎ

nalrim의 이미지

서평에보니 구식이다. 라는 말이 있던데 책이 1995년에 출간된거더군요.
그래도 다른 서평들이 괜찮아서 헌 책방에서 구할수있다면 읽어보고 싶긴 합니다.
지푸라기라도 잡고 싶은 심정으로.. -_-

익명사용자의 이미지

MSDN CD에 온라인 문서로 있습니다. 비주얼 스튜디오 열고 F1키 누른 다음 검색해 보세요.

CUA 3판이 93년에 나왔습니다만 우리가 보는 대부분의 UI는 그 틀을 벗어나지 않습니다. 오래된 책이라고 걱정할 필요는 없어요.

익명사용자의 이미지

질문이 아니라서 알려드릴 수 없습니다. =3=3=3

nalrim의 이미지

지나치지 마시고 아시면 좀 가르쳐주세요. -_-

nalrim의 이미지

스케치한 종이를 보면서 한숨만 계속 나오고.. 시간은 왜이리 잘가는지.. -_-
아래에 UI 예제들을 볼수있는데 꼭 닷넷이 아니더라도 상관없습니다.
http://www.windowsforms.net/Default.aspx?tabindex=4&tabid=49

MoonGate의 이미지

흥미롭네요..
관심이 있는 분야인데 한번 문서들을 주르륵 읽어봐야겠습니다.

-----------------------------
A See! 젠투가 최고, 젠투를 써!
Gentoo! War! Fight!
젠투가 모든 걸 해결해 줄거야!
-----------------------------

-----------------------------
A See! 젠투가 최고, 젠투를 써!
Gentoo! War! Fight!
젠투가 모든 걸 해결해 줄거야!
-----------------------------

superwtk의 이미지

다른 사람들이 만든 UI 를 "참고" 합니다.

--------------------------------------------------------------------------------
http://blog.superwtk.com

익명사용자의 이미지

닷넷 3.0이 가능하시다면 WPF를 사용해보세요..

전문툴이나 xml을 이용해 웹페이지 꾸미듯 UI를 치장할수 있습니다..

http://wpf.netfx3.com/

nalrim의 이미지

고민해봤는데요. 짧게 말씀드리면 UI 코딩을 안할수있도록 다른 파트에서 확고한 입지를 다져야겠다는게 결론입니다. -_-