본문 바로가기
반응형

기획 자료7

HTML 색상코드 추출, 조합 사이트 추천 안녕하세요. 더블크림 입니다. 색상은 웹 페이지의 시각적 요소를 결정하는 데 사용되며, 사이트의 전체적인 느낌을 정의합니다. HTML 색상 코드의 활용 방법과 색상을 쉽게 찾고 추출할 수 있는 사이트를 알려드리겠습니다.  디자이너만 색상코드를 보는게 아니죠. 기획자도 HTML 색상 코드는 필수 도구입니다.디자인된 화면을 보았을 때 색감이 괜찮은지 전체적으로 조화로운지 이 사이트의 주제와 어울리는지 함께 봐야해요.기획자도 디자인적인 요소를 어느정도 파악하고 있어야 고객사에게 설명하거나 리뷰할 때 더욱 전문적이게 다가갈 수 있습니다.  HTML 색상 코드란? HTML 색상 코드는 웹 페이지의 색상을 정의하는 6자리의 헥사 코드입니다. 이 코드는 #로 시작하며, 16진수 형식으로 작성됩니다. 예를 들어, #.. 2024. 7. 2.
화면설계서 양식, 작성하는법 [무료배포] 안녕하세요. 맛있는 기획을 하자 더블크림 입니다.기획자의 필수 작성 문서 화면설계서란 무엇인지? 화면설계서를 작성하는 방법에 대해 알아보겠습니다.화면설계서란? 화면설계서는 기획 업무에서 가장 중요한 문서로 프로젝트에서 핵심적인 역할을 합니다. 화면설계서의 이름은 여러가지로 불리는데 스토리보드, 기획서 등으로도 불리고 모두 동일한 문서입니다. 시스템이 구현되는 모든 내용을 담고있고, 이 문서를 바탕으로 결과물이 나오기 때문에 모든 기획 문서 중 가장 세심하게 챙겨야할 문서입니다. 기획 과정에서 나온 모든 것을 담기 때문에 화면설계서가 잘 나와야 프로젝트가 산으로 가지 않겠죠. 화면설계서 작성방법I.A를 바탕으로 작성하게 됩니다. 그렇기 때문에 I.A 작성이 빈틈없이 되어야합니다.먼저 메인 화면과 중요도가 .. 2024. 6. 27.
I.A(Information Architecture) 양식, 작성하는법 [무료배포] 안녕하세요. 맛있는 기획을 하자 더블크림 입니다.기획자의 필수 작성 문서 I.A란 과연 무엇인지? I.A를 작성하는 방법에 대해 알아보겠습니다. I.A란?I.A(Information Architecture)는 정보구조도 라는 뜻으로 구현하고자하는 서비스의 전체 구조를 작성하는 문서입니다.사용자가 원하는 화면에 도달하기까지의 경로를 시각적으로 보여주어 각 화면이 어떻게 연결되고 접근할 수 있는지를 업무별로 분류하여 한눈에 이해할 수 있게 합니다. 이를 통해 웹사이트나 앱의 전체적인 구조를 쉽게 파악하고 사용자 경험을 개선하며, 개발 과정에서 명확한 가이드를 제공합니다. I.A 작성방법요구사항 단계가 끝난 시점부터 만드는 본격적인 프로젝트 시작의 산출물입니다.개발되어야하는 모든 화면을 생각하면서 구조를 짜야.. 2024. 6. 27.
요구사항정의서 양식, 작성하는법 [무료배포] 안녕하세요. 맛있는 기획을 하자 더블크림 입니다.기획자의 필수 작성 문서 요구사항정의서란 과연 무엇인지? 요구사항정의서를 작성하는 방법에 대해 알아보겠습니다.요구사항정의서란?IT 프로젝트에서 개발자와 클라이언트 간의 원활한 소통을 위해 작성되는 문서로, 프로젝트의 업무 범위와 구체적인 기능을 명확하게 정의합니다. 요구사항정의서를 상세히 작성하여 소프트웨어 개발 과정에서 발생할 수 있는 오해와 혼란을 최소화합니다. 요구사항정의서 작성방법요구사항정의서는 프로젝트 첫 단계에서 작성하게 되는 문서로 클라이언트가 직접 작성해서 줄 수도 있고, 클라이언트가 회의에서 말한 내용이나 RFP 분석 또는 요청자료를 토대로 발주사에서 만듭니다.이렇게 만들어진 초안 요구사항정의서를 기준으로 계속하여 요건 회의를 거듭끝에 최종.. 2024. 6. 27.
UI/UX의 차이 및 중요성✅ 현대의 디지털 환경에서 사용자 경험(User Experience, UX)과 사용자 인터페이스(User Interface, UI)는 성공적인 제품과 서비스 개발의 핵심 요소로 자리 잡고 있습니다. IT 전문가로서, UI/UX의 중요성은 단순히 시각적인 디자인을 넘어서 사용자와 제품 간의 상호작용을 최적화하고, 사용자 만족도를 극대화하는 것을 의미합니다. UI/UX의 중요성과 이를 구현하기 위한 방법에 대해 자세히 설명하겠습니다.  UI/UX의 정의와 차이점 먼저, UI와 UX의 차이를 이해하는 것이 중요합니다. UI는 사용자 인터페이스를 의미하며, 사용자가 제품과 상호작용하는 시각적 요소들을 포함합니다. 버튼, 아이콘, 레이아웃, 타이포그래피 등이 이에 해당합니다. 반면, UX는 사용자 경험을 의미하며, .. 2024. 6. 15.
레이아웃, 디자인 화면 벤치마킹 추천 사이트 ✅ 안녕하세요. 맛있는 기획을 하고싶은 기획자 더블크림입니다.오늘은 기획을 하면서 화면 레이아웃이나 디자인적으로 참고할만한 벤치마킹 사이트를 추천해드리려고합니다. 실무에서 유용하게 참고한 사이트이니 도움이 되셨으면 좋겠습니다. 1. 핀터레스트가장 먼저 추천해드리는건 단연코 핀터레스트핀터레스트는 웹사이트/모바일/각종 시스템 등 화면 뿐 아니라 평소 일상속에서도 많이 쓰이는 사이트입니다.게다가 글로벌한 플랫폼으로 자료가 굉장히 방대합니다.  이렇게 검색창에 원하는 키워드로 검색하시면 됩니다.영어로 검색하거나 한글로 검색해도 무관! 포괄적으로 검색할때 쓰는 키워드 : web design ui layout각종 레이아웃의 웹 화면들이 쏟아져 나옵니다. 2. GDWEB(지디웹)지디웹은 사실 알만한 분들은 다들 아실텐데.. 2024. 6. 13.
반응형