안녕하세요. 기깔나는 사람들에서 디자인을 맡고있는 서네입니다. 오늘은 팀블로그 디자인 작업 과정을 보여드리려고 합니다! 1 - 레퍼런스 찾기 우선 디자인 작업 전에 참고할 사이트를 리서치 및 분석했습니다. 타사 기술블로그 위주로 찾아보던 중 구글링으로 [TechBlogPosts]라는 사이트를 발견했습니다. 개발 관련한 기업 기술블로그들을 한 곳에서 모아 볼 수 있었습니다. 여기서 제가 기획/디자인을 주로 참고한 사이트는 아래 4개의 사이트 입니다. 타사 블로그 메인페이지 보여주고 있는 UI가 무엇인지, 게시글 컨텐츠 안에 들어가는 내용은 무엇인지, 그리고 게시물 폰트크기, 비쥬얼 배너 내용까지 디테일하게 확인해봤습니다. [ 레퍼런스 후 정리한 내용,생각 ] - 게시물을 카드형식으로 보여주자, 특히 타이..

안녕하세요. 기깔나는사람들의 디자인을 맡고있는 서네입니다. 오늘은 제가 디자인하면서 도움이되었던 부분, 그리고 놓치면 안되는 내용들에 관해 설명드리려고 합니다. 당연하다고 느끼실 수 있지만, 한번 정리하는 느낌으로 읽어보시길 추천드립니다! 1. 정보의 위계를 설정하라! UXUI에서 가장 중요한것은 어떤내용을 가장 먼저 사용자에게 노출시킬 것 인지 정리하는 것입니다. 어떤 콘텐츠를 눈에 띄게 보여줄 것인지? 어떤버튼을 빠르게 클릭하게 만들것인지? 에 따라 디자인이 달라집니다. 그런 다음, 중요도에 따라 강약관계를 설정하면 됩니다. 시각적으로 강약을 주기위해서는 다양한 방법이 있습니다. 1 - 명도대비 색상의 어둡고 밝은정도. 명도대비가 심할 수록 주목성이 강해진다. 2 - 크기대비 상대적으로 크기가 큰 것..