웹솔루션개발 25년 노하우! 해피CGI의 모든것

UI/UX 및 웹디자인을 살펴볼 수 있는 httpster 사이트입니다. 우측에서 눈금으로 월 단위를 표시하고 있으며, 다양한 레이아웃의 사이트들을 확인할 수 있습니다. 우측의 메뉴버튼을 클릭하면 위 이미지와 같이 원하는 스타일의 태그를 선택하여 모아볼 수 있는 기능도 있습니다. 해당 사이트는 '크롬브라우저'로 보시는 걸 추천드립니다. ​ ​ ​

UI/UX 에 관한 다양한 정보, 디자인 리소스를 제공하는 inside-design 사이트입니다. 다양한 디자인 업무에 필요한 정보, 실제 작업시 활용 가능한 디자인 리소스, 보다 효율적인 업무를 위한 다양한 팁을 알려주고, 공유하는 사이트입니다. 트렌디한 디자인에 관한 정보를 확인해보세요. ​ ​ ​

좌측의 다양한 카테고리를 선택하여 다양한 웹페이지, 테블릿 및 모바일기기의 ui를 확인할 수 있는 사이트입니다. 다양한 ui를 확인하여 디자인 작업에 도움이 되시길 바랍니다 ^^

css만을 이용한 사이드 메뉴 인터페이스입니다. 사이드 메뉴에 마우스 오버시 풀네임으로 메뉴가 출력됩니다. 사이트 메뉴내에서 마우스 스크롤이 됩니다. 첨부파일을 다운로드 받거나 해당 사이트로 이동해서 전체 소스를 확인 할 수 있습니다

모바일 사이트 UI 제작을 위한 프레임워크 jquery mobile jquery mobile은 HTML5 및 CSS3의 기본지식만 있어도 손쉽게 다양한 디바이스의 반응형 UI 제작이 가능합니다. https://jquerymobile.com/ 위 사이트에 가서 최신 버전을 다운로드 및 연결해주고, http://demos.jquerymobile.com/1.4.2/transitions/ 위 사이트에 가서 원하는 타입을 찾아서 선택한 타입의 view Source를 복사 붙여넣기 하면 바로 적용이 됩니다. 확인은 크롬 모바일 버전으로 가능하겠죠... 간단하고 쉽고, 깔끔한 모바일 모바일 사이트 UI 제작용 프레임워크 jquery mobile 입니다.

부드러운 색상과 고유한 스타일로 EPS, PDF, PNG(50px), SVG 2종류(50px, 10px)를 제공하고 있습니다. 다양한 인터페이지에 편리하게 사용할 수 있는 디자인으로 구성되어 있습니다. 페이지내에서 아이콘을 다운 받으실 수 있으며 사용시 라이센스 범위를 확인해주세요 ^^ 다양한 형식의 아이콘을 제공하고 있으니 다양하게 사용할 수 있습니다

css3와 js를 이용하여 아코디언 형태의 ui를 만들수 있는 자료입니다 ^^ 어느정도의 css를 다룰수 있어야지 디자인이 수정 가능합니다 위 링크로 이동하시면 데모 및 자료 다운로드가 가능합니다. 페이지내에서도 간단한 html코드 및 css구성을 확인하실 수 있습니다. css3를 이용한 자료이기 때문에 ie하위버전에서는 동작이 안될수도 있는점 참고하세요~ 홈페이지 제작에 도움이 되시길 바랍니다 ^^

모바일 UI작업시 꼭필요한 꿀팁들만 모여있는 사이트 입니다. 개인이 운영하는 사이트입니다. 미처 생각하지 못했던 사사로운 UI 디자인 가이드가 있어서 디자이너에게는 즐겨찾기 해두고 자주 찾아보는 사이트가 아닐까 싶어 공유합니다. 브런치에서 연재중이신 분의 사이트이며 현재 해당 블로그에 여러버전의 글도 함께 올라와 있으니 참고하시기 바랍니다. https://brunch.co.kr/@chulhochoiucj0/8

산뜻하고 컬러풀한 디자인의 UI PSD 입니다. 모바일에서도 사용이 유용하며 pc에서도 돋보이는 컬러감을 나타낼수 있습니다.