HTML/CSS/SVG 등 최신 웹스펙 관련 뉴스와 질문답변 (게시판담당 : 긴자손님)

글 수 63

 

 

제가 몸담고 있는 회사에서 업무용 시스템이 Flex와 C#으로 되어있습니다.

여러가지 관리상의 이유 확장성의 이유 등등의 이유로 이번에 HTML5 웹베이스로

옮겨가기로 했습니다.

 

조금만 프로젝트가 진행되어도 대외비에 해당되서 공개하기가 힘든데..

현재는 아주 기초적인 UI 컨셉이 완성되어서 한번 공개해봅니다.

 

기본 메뉴는 흔한 풀다운 메뉴로 되어있고 앱(?)을 실행시키면 컨텐츠 화면에 실행이 됩니다.

메뉴중 실행되는 앱을 메뉴에 자동 등록되고 앱 타이틀바에는 뒤로가기, 앞으로가기 버튼을

지원해서 앱을 좌우로 회원하며 화면전환을 하도록 되어있습니다.

 

음.. 처음에는 탭으로 하려고하다가.. 좀 흔하기도 하고 화면 공간을 좀더 확보해보자해서

저런 형태로 만들어 봤는데... 사용성에 있어서 어떨까요? 뭐 멋은 있어보이긴 하는데 말이죠..^^

 

미투데이
profile

Twitter: @ibare

Blog: http://www.ibare.kr

Mail: ibare77@gmail.com

엮인글 :
http://www.webdevmobile.com/xe/index.php?document_srl=16490&act=trackback&key=dba

profile

[레벨:27]id: TobyToby

2010.09.02 16:51:07

간단하면서도 보기 좋게 UI를 잘 짜셨네요.

간단한 CSS 활용으로 저런 Look이 나오는걸 보면 욕심 안내고 정말 실용적으로 잘 쓰신 것 같아요 ㅎㅎ


아무래도 수평 슬라이드보다는 Tab이 나을 것 같아 보입니다.


슬라이드는 슬라이드 나름대로 적용했을 때 좋은 부분들이 있지 않을까 싶네요.

아이패드 앱들을 레퍼런스로 해서, 괜찮은 UI 컨셉을 차용하시면 어떨까요? ^^

profile

[레벨:23]id: 하나둘하나둘

2010.09.02 17:05:07

흐흐.. 욕심을 안냈다기 보다는 짧은 시간내에 Flex 보다 가볍고, 개발 및 확장성이 더 좋다라는 인상을 심어주는 것이 목표였기때문에요.. 복잡한 스타일을 많이 배제했어요.. 


이제 그 부분에 대해서 결정권자가 확실히 인식하고 좋은 인상을 받았으니 이제 하고싶은 데로 좀 화려한 기능들을 추가해야겠죠? ㅋㅋㅋ


앱간의 스위칭은 탭이 안정적이고 일반적이긴하지만 뭐 다른 스타일로 한번 도전해보자는 욕심으로 연구를 좀 하고있습니다. 지금은 슬라이드 방식을 입혀놨는데 여러가지 아이디어가 있으니 더 좋은 방향으로 갈 수 있다는 희망을 좀 가지고 있구요.. 하다 하다가 다시 탭으로 돌아갈지도 모르구요.. ^^; 


매번 인정된 방법만 사용하면 편하기는한데.. 재미는 없잖아요.. ^^;; 

profile

[레벨:27]id: TobyToby

2010.09.03 10:34:01

그렇네요. 좋은 생각이십니다 ^^

profile

[레벨:27]Manyoung

2010.09.03 08:10:40

오우 대박인데요... 이거 잘 하시면 솔루션으로 만들어서 파셔도 될 것 같아요. HTML5 로 인해서 또다른 변혁이 올것 같네요. 90년대 중반 C/S를 웹기반으로 모두 이전하였다면 현재 Non Web 을 이용하여 만들어진 솔루션들이 완전히 웹기반으로 가게 될 것 같네요. 

profile

[레벨:27]긴자손

2010.09.03 10:47:54

와우~!!! 멋진데요~~^^ 

List of Articles
번호 제목 글쓴이/날짜 조회 추천
43 HTML5/CSS3 지원 Aptana plugin [2] [레벨:30]WebDevMobile
2010-10-01
8231  
42 SVG WOW! [3] [레벨:27]Manyoung
2010-09-16
7315  
41 W3C, HTML5 표준 초안 Last Call 예정 [2] [레벨:4]이원석
2010-09-16
7539  
40 HTML5 최고 전문가들의 주옥같은 강의 [2] [레벨:4]이원석
2010-09-08
7437  
39 HTML5 and the Future of the Mobile Web ( 2010 모바일 콘텐츠 컨퍼런스 발표자료 ) [2] [레벨:4]이원석
2010-09-04
6925  
38 HTML5를 활용하여 빠른 웹 애플리케이션 개발하기 [레벨:4]이원석
2010-09-04
7812  
» HTML5기반 사내 인트라넷 프레임웍 기본 UI 컨셉 [5] [레벨:23]id: 하나둘하나둘
2010-09-02
7615  
36 HAKIM.SE HTML5 셈플 [3] [레벨:23]id: 하나둘하나둘
2010-08-23
7323  
35 폼 요소 디자인 이미지로 교체하기 (checkbox, radio 타입) [레벨:27]id: TobyToby
2010-08-19
9010  
34 HTML5 콘텐츠 모델링 액티비티 다이어그램 file [7] [레벨:5]이벤트
2010-08-12
7287  
33 안드로이드 비디오태그 조사하다 만든건데 공유해요. 참고는 댈꺼 같네요. [4] [레벨:14]어거
2010-08-06
12518 2
32 지금 바로 cross-browser HTML5 form 만드는 방법 [레벨:30]WebDevMobile
2010-08-04
6611  
31 각종 HTML5 템플릿을 제공해주는 사이트 [5] [레벨:14]별별
2010-07-28
7311  
30 HTML5 게임포탈 [3] [레벨:27]Manyoung
2010-07-27
6796  
29 CSS3 로 플래시 광고 대체하기 [3] [레벨:30]WebDevMobile
2010-07-26
5395  
28 CSS3로 만든 Page Flip 효과 [4] [레벨:27]id: TobyToby
2010-07-14
6605  
27 HTML5, 구글코리아 Tech Talk 발표자료 [1] [레벨:30]운영자
2010-07-09
5238  
26 WebSocket 과 XMLHttpRequest 속도차이 비교 사이트 [6] [레벨:30]WebDevMobile
2010-07-05
6102  
25 김영보 컬럼: HTML5 API는 아직 멀었다. [1] [레벨:5]이벤트
2010-06-30
5682  
24 김영보 컬럼: HTML5 콘텐츠 부분의 동향 예측 [6] [레벨:5]이벤트
2010-06-29
6992