웹디자인 6

포토샵에서 아트보드, 그리드 만들기

안녕하세요. 머프입니다. 오늘부터 포토샵으로 웹디자인 시안 잡는 과정을 단계별로 알려 드리려고 합니다. 잘 따라오시면 웹디자인할 때 기본적인 디자인 레이아웃을 만드실 수 있습니다. 단, 여기서 말하고자 하는 내용은 디자이너가 디자인을 할 때 기본적인 디자인 틀을 잡는 방법을 알려드리는 것이며 이후 디자이너의 개인 역량인 화면에 녹아드는 감각, 감성 등은 다룰 수 없는 점은 이해해 주시기 바랍니다. 이점은 지극히 개인적인 성향이므로 이점을 다룰 수 없는 점은 양해해 주시기 바랍니다. (이것 때문에 디자이너가 먹고사는 것 아니겠습니까 ㅎㅎㅎ) 아래는 예제 화면입니다. 예제를 토대로 비슷한 화면을 만들까 합니다. 자 시작해 볼까요. 아래는 포토샵 처음 실행 화면입니다. 포토샵을 실행하면 Splash scree..

DESIGN TIP 2023.01.17

국회 입법예고 시스템 메인화면 디자인

안녕하세요. 머프입니다. 이전에 작업한 국회 입법예고 시스템 메인화면 디자인이 완료가 되어 공유하게 되었습니다. 요즘은 다른 작업보다는 홈페이지 요청이 많아서 홈페이지 작업을 위주로 하고 있습니다. 한번 감상해 보시기 바랍니다. 위에 보이는 이미지가 현재 국회 입법예고 시스템 홈페이지 메인화면 이번 국회 입법예고 시스템 홈페이지 디자인 역시 메인화면만 작업하기 때문에 국회와 박물관의 웹아이덴티티를 따라가고 세부적으로 디자인 리소스를 제작하여 마무리하였습니다. 개편된 국회 입법예고 시스템 메인화면 디자인 새롭게 디자인된 화면을 보시면 아시겠지만 개편된 국회 홈페이지의 디자인 스타일을 따라가고 세부적으로는 입법예고 시스템의 디자인 콘셉트를 반영하는 선에서 마무리되었습니다. 오늘도 찾아와 주신 모든 분들에게 ..

GALLERY 2023.01.08

주택금융통계시스템 웹사이트 디자인 시안 통과

안녕하세요. 머프입니다. 늦게 인사드립니다. 최근 진행한 주택금융통계시스템 웹사이트 메인 화면 디자인 시안이 지난주에 통과가 되었습니다. 두번째 시안으로 통과가 되었네요. 디자인은 전체적인 콘셉트와 웹아이덴티티를 따라갑니다. 그러나 레이아웃과 내용은 조금 수정이 될거 같습니다. 포인트 색상도 추가가 되었네요. 한국주택금융공사의 전용색상의 하나인 오렌지 계열의 색상을 추가하라는 요청이 들어왔습니다. 고객의 의견이니 적극적으로 반영을 해야 겠네요. 그리고 서브 화면은 개발을 먼저 진행해야 상황이라 게시판 위주로 진행되고 있습니다. 이번주에 서브화면 마감이라 콘셉트와 웹아이덴티티를 반영하며 진행되고 있는 상황이라 최종 디자인 화면은 지금꺼와 많이 달라질 수 있습니다. 주요화면은 디자인이 나오면 공유하도록 하겠..

NOTICE 2022.10.05

더마펌 공식 온라인몰, 브랜드 웹사이트 UX/UI 디자인 리뉴얼

이전 더마펌 웹사이트 리뉴얼 작업입니다. 아래 보이는 것이 2021년도 더마펌 웹사이트 화면입니다. 2021년 더마펌 브랜드 사이트 위에 보이는 이미지가 2021년 더마펌 공식 온라인몰 더마펌 웹사이트는 브랜드와 공식 온라인몰 메인 화면을 새롭게 디자인해 달라는 요청이 왔었습니다. 고객은 브랜드 웹사이트에 경우 시차 스크롤 형식으로 섹션 별로 테마를 잡아서 보여주고 온라인몰은 기존 웹사이트를 참고해서 깔끔하게 디자인을 잡아달라고 하셨습니다. 온라인몰에 경우 기존에 웹사이트도 깔끔하고 웹아이덴티티를 잘 반영하고 있어서 기존 웹사이트를 참고하고 웹아이덴티티를 좀 더 보강하는 선에서 디자인 작업을 진행했습니다. 새로운 더마펌 브랜드 웹사이트의 디자인 및 디자인 콘셉트 ‘디자인 및 UX/UI’ 전략적으로 브랜드..

GALLERY 2022.09.12

서울특별시 교통위반 단속 조회 서비스 웹사이트 UX/UI 디자인

디자인 개편되기 전에 서울특별시 교통위반 단속 조회 서비스 웹사이트 디자인 개편된 웹사이트 메인, 서브 기존 텍스트 중심의 콘텐츠 및 정적이고 어수선한 사이트를 개편하여 서울시 불법 주정차를 살리는 UI/UX 설계에 중점을 두고 디자인 방향을 잡음. 디자인 콘셉트 “시민과 함께” 콘셉트 고객이 희망하는 주정차 및 과태료 정보를 정리하여 맞춤형 정보로 보일 수 있도록 구성하며 CI 색상의 고유의 느낌을 살리고 정보를 각 섹션 별로 그룹화하여 디자인 콘셉트를 표현하고자 함 주정차 및 과태료 정보 검색 강화 정확한 정보 및 주정차, 과태료 정보 검색 기능 강화 접근이 쉬운 UI 정보의 정확도 및 조회, 과태료 정보 제공을 위주로 구현하였다. 사용 편의 필요한 기능을 별도 정의하여, 서비스적 접근성을 높일 수 ..

GALLERY 2022.09.12