Web 디자인 앱 디자인 HMI 제어 시스템, 기계설비 아이콘 웹사이트 디자인

안녕하세요. 디자인 구스 글로우 엘입니다.^^지난해 한 작업물을 가지고 왔습니다.매번 패키지 디자인 및 상세 페이지의 작업을 하고 있었고 오랜만에 웹 디자인, 앱 디자인 작업을 담당하게 되었습니다.용어로 말하면 UX/UI디자인?사용자 인터페이스 디자인 하면 좋다고 생각하는데… 그렇긴 어려워서 쉽게 말하면 웹 사이트의 개발과 아이콘 디자인 하면 좋겠어요.wwwHMI제어 시스템과 해서 한국 환경 공단 내부에서 사용하는 산업용 자동화 제어 시스템을 디자인하는 작업이었습니다.일반 사람이 쓰는 용도가 아니라 중앙 통제실에서 기계 설비 시스템을 관리하나?작업자들이 사용하는 용도로 만든 디자인입니다.너무 어렵네요…?나도 의뢰를 받고 얼마나 땀을 뻘뻘 흘렸는가… 그렇긴하하^^소개하는 것도 어렵게 www일반인이 아닌 작업자가 사용하는 산업용 제어 프로그램이므로, 기존에 쓰던 프로그램은 심미성과 가독성이 전혀 고려되지 않은 것?그것 자체의 도면의 느낌이 들었는데~최근 모바일 시대, 앱과 앱을 많이 쓰는 시대다 보니 한국 환경 공단에서도 작업자의 편리성 때문에 앱의 디자인이 필요하다고 생각했던 거 같습니다.^^그래서 처음엔 웹 디자인, 웹 사이트 작업으로 시작했지만 앱 디자인 작업에서 차례차례 진행되었습니다!대충 캡처를 해왔습니다.기존의 산것 이란 이런 느낌입니다.진짜 공장 도면 그대로였어요.그런 기계 설비를 디자인 한다는 것이 처음엔 막연하고 있었지만… 그렇긴 공장의 기계 설비이지만, 지나치게 화려하고 안거든요.용도에 맞춰서 해야 하므로 적당히 중간선을 찾기 힘들었습니다.아이콘을 지금보다 더 단순해야 할지 고민하고 있었는데 이것 저것 수정하고 웹 디자인과 앱 디자인을 완성 시키더군요.결과는!클라이언트 쪽이 아주 만족하고 있었습니다.^^공장 내부 시스템이라서, 화려함보다는 단순하면서도 가독성을 최대한으로 깔끔한 이미지로 디자인했습니다.웹사이트 자체가 없었기 때문에 웹사이트 디자인 작업부터 시작했어요.제가 먼저 디자인적으로 필요한 내용, 콘셉트를 다 정하고 아이콘 작업까지 제가 먼저 작업한 후에 이 콘셉트를 바탕으로 개발자분이 사이트 작업까지 완료하게 되었습니다.이는 최근 모든 사람들의 생필품 모바일 기기 아이패드에서 구현해 본 웹디자인 사례입니다.웹 디자인 데스크톱용 버전입니다.디자인만 간단하게 해서 AI 파일로 보여드리는 것보다 이렇게 목업 이미지를 활용해서 보여드리니 더 와닿는다고 좋아하더라고요.^^원래 작업에서는 웹사이트 디자인부터 해보자고 했는데 제가 드린 앱 디자인 목업 이미지를 보고 고민했는데 앱 디자인도 해야지! 라고 갑자기 결정되었습니다.이 이미지는 앱 디자인 작업이 없고 처음에 진행한 웹 디자인을 바탕으로 대충 합성했기 때문에 이미지가 끊어져 비율이나 가독성이 좀 좋지는 않네요.^^ www처음으로 환경 공단 관계자와 미팅을 할 때는 웹 디자인과 앱 디자인의 기획이 정확히 안 된 상태였습니다.ㅠㅠ 생각하시는 느낌이 무엇인지 아… 그렇긴난관ㅠ 난관에 직면했지만 www디자인 컨셉과 레퍼런스 등 몇번이나 커뮤니케이션을 해왔습니다.특히 개발자들이 디자인 쪽에서 조금 경험이 있던 분이어서 소통에 정말로 도움이 되었습니다.이 작업을 마음에 들고 그 다음 작업은 회사 소개서까지 진행했습니다~!설비 관리자 분들도 기존의 흑백이 주된 HMI제어 시스템이 이처럼 달라진 것을 보면 만족한다고 생각합니다.^^

error: Content is protected !!