개발 Tip (4) 썸네일형 리스트형 설득을 이끌어내는 디자이너의 커뮤니케이션 방법 회사 블로그에 '디자이너의 커뮤니케이션 방법'을 주제로 글을 썼습니다. ‘디자이너는 디자인만 잘 하면 되는 줄 알았는데. 막상 일을 해보니 내 의견을 전달하고, 다른 사람들과 의견이 다를 때 조율하는 것이 어려워요.😢’ 혹시 이러한 비슷한 어려움을 겪어본 적 있지 않나요? 디자이너들이 고충을 이야기하면 자주 나오는 주제인데요. 그동안의 경험을 토대로 디자이너가 자신의 의견을 전달하고, 의견을 조율해나가는 과정에 대해서 풀어보았습니다. 긍정적인 커뮤니케이션을 통해 서비스의 완성도가 높아지고 발전하는 효과를 얻으시길 바라며, 원문은 아래 링크에서 확인 부탁드려요! 설득을 이끌어내는 게임 UX/UI 디자이너의 2가지 커뮤니케이션 방법동료들과 얘기하며 답답한 적 있으셨죠?medium.com 게임 UX/UI 디자.. CSS - 3 마우스 커서 상황에 맞는 커서를 사용하면 유저가 현재 처한 상황을 인지하는데에 도움을 줄 수 있습니다. 유저의 인터렉션에 따라 끊임없이 반응하기 때문에, 단순히 재미와 흥미를 돋우는 역할로도 좋아요. cursor: alies / all-scroll / cell / col-resize / copy / crosshair / help / move / none / not-allowed / pointer / progress / text / vertical-text / wait / *-resize *-resize의 경우 *에 (n, nw, w, sw, s, se, e, ne)방향을 입력하면 된다. ex) n-resize, ne-resize 브라우저마다의 지원 여부 확인하기 마우스 속성은 유저가 사용하는 인터넷 브라우저에 따라 .. CSS - 2 테두리 속성 버튼을 만들 때 유용한 박스와 테두리 속성입니다. boder-width: 1px 테두리 두께. 네 개 값 다르게 지정 가능.(상 우 하 좌) boder-style: solid / dotted / dashed / double / groove / ridge / inset / outset / none boder-color: #00a5e5 테두리 색상. 네 개 색상 다르게 지정 가능.(상 우 하 좌) boder: 2px solid #00a5e5 두께, 스타일, 색상 순으로 적용. boder-radius: 2px 모서리 곡률. box-shadow: 2px 2px 2px #00a5e5 그림자 적용. 가로, 세로, 흐림정도, 색상 순. margin: 2px 2px 2px 2px 테두리 밖 너비 padding: 2px.. CSS - 1 글자 속성 외우기 어렵다면 기본 개념과 원리를 우선 이해한 뒤, 족보로 정리해두고 찾아보아요. body｛ font-family: 'Helvetica', serif; font-size: 16px line-height: 1.5 ｝ 기본 폰트 설정은 body에. 속성과 값은 콜론(:)으로 구분하고, 세미콜론(;)으로 마침. 중괄호(｛｝)로 시작과 끝을 지정. font-family, font-size, line-height는 항상 설정해주기. 예시 color : #00a5e5 글자 색상. font-family : '폰트명' / serif / sans-serif 서체를 지정하는 속성. 앞에서부터 차례로 우선순위를 두고 적용한다. 사용자의 컴퓨터에 폰트가 깔려있어야 보이며, serif, sans-serif로 적으면 사용자의 .. 이전 1 다음
