분류 전체보기 (28) 썸네일형 리스트형 게임 [모험가 이야기] 후기 *약간의 스토리 스포가 있습니다. 최근에 게임은 제5인격만 하루 5시간씩 달리고 있었는데, 기다리던 뽑기 정수가 생각보다 실망스러워서 급 식어버리고 다른 게임들을 찾아보고 있습니다. 개인적으로 성향 자체가 편식이 심하고 새로운 게임 시작하기를 어려워하는 편에, 선입견 가득해서 플레이 해보기도 전에 으 저거 맛없어 하는 플레이어 입니다. 최근에는 이걸 좀 고치고 다양한 게임들을 해보려고 노력중이에요. 이게 특별히 입맛이 까다롭고 취향이 확고해서가 아니라 쓸 데 없는 홍대병 때문이 커서 실제로 좋은 작품들을 많이 놓치거든요. 그렇게 편식하는 장르 중 하나가 RPG였습니다. 꼬꼬마 시절 그 흔한 메이플스토리도 해본 적 없을 정도로 해당 장르와 거리감이 있었으나, ‘어차피 사냥 노가다만 하는 거 용사가 되어서 .. 초보 디자이너를 위한 가이드 - 1. UI, UX. 대체 뭘까요? 얼마전에 아직도 디자인 학원에서는 실무와 동떨어진 내용을 가르치고 있다는 것을 알게 되었습니다. 이제 막 디자이너로서의 커리어를 생각하시는 분들, 막상 디자이너로 입사했으나 사수가 없어 갈피를 잡지 못하는 분들을 위해서 초보자 가이드를 만들어 보기로 결정했습니다. 1년 반이라는 적은 경력이고 제가 디자인을 특출나게 잘한다 말하기도 어렵지만 그래도 초심자 분들을 위한 글 정도는 쓸 수 있겠다는 생각입니다. 이 글이 입사 초 저같은 분들에게 도움이 될 수 있기를 바라면서 시작해보겠습니다. 1. UI, UX. 대체 뭘까요? UI, UX의 정의 웹/앱을 디자인 하게 된다면 가장 많이 듣게 되는 단어 입니다. 하지만 이 두가지 개념을 잘 모르는 경우가 꽤나 있습니다. 부끄럽지만 저도 초기에 두 단어에 대한 정의를.. vanilla js로 비주얼 노벨(미연시) 만들기 - 암튼 여름이었다(테스트ver.) 👇👇결과물 먼저 보기👇👇 https://yunyeongk.github.io/anyway-summer-test/ **모바일에서만 정상적인 화면 확인이 가능합니다. 자바스크립트(특히 바닐라js)는 꼭 공부해야지, 라는 생각을 늘 하고 있었다. 취업 준비를 할 적에 디자인+html, css만으로도 시간이 촉박해서 자바스크립트는 거의 손도 못 댔고 공부한 것도 jquery를 조금 다루는게 다였었다. 그러다보니 자바스크립트 코드만 보면 숨이 턱 막히고 바쁘게 구글링 하기 일쑤라 천천히라도 공부를 시작해보자고 마음 먹었다. (정말 심각한 수준이었다. 단순한 변수 선언이나 함수 조차도 문법이 헷갈려서 그때그때 찾아볼 정도였다.) 이를 위해 인터렉티브한 웹사이트를 만들어보는게 가장 기본적인 방법이긴 했지만 평범한 웹사.. 2020 YN 로고 디자인 작년에 포트폴리오를 위해서 급조한 로고는 진짜 급조한 것 같이 조잡하고 구렸다. 포트폴리오 구색은 갖춰야겠고 그러려면 로고가 필요한데 급하니까 일단 대충 폰트 고르고 타이핑 해서 나온 로고다(!). 당시에도 '아 이건 아닌데' 라는 생각은 있었지만 한달 안에 죽이 되든 밥이 되든 포트폴리오 마무리 해야 하는 입장이라 대충 만들었다. 심지어 포토샵으로 만든 png 파일. (진짜 가관...) 이번에는 제대로 로고를 리뉴얼 해보자 라고 생각하고 작업을 시작했다. YunYeongk는 내 본명인데, 사실 별로 정감이 안가는 느낌이고, 이니셜이 Y 2개인 것도 별로 마음에 안들어서, 더군다나 어디든 자주 쓰는 닉네임도 YuNyeong이라 아예 YN으로 나가기로 했다. 1. 모던하고 미니멀한 느낌 2. 전체적인 모양.. 섹션 2: Material Design Specs, Sizes and Metrics(4) https://www.udemy.com/share/101VsiAEMfcVdSRnQF/ ! 강의 내용을 바탕으로 정리하는 글이기 때문에 강의를 보지 않으시면 이해하지 못하는 부분이 있을 수 있습니다. 그닥 중요하지 않은 메모는**기울임 App bar **참고 : https://material.io/components/app-bars-top Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. material.io List - 대부분의 .. 알폰스 무하 세미나 자료 회사에서 연구 및 학습 목적으로 진행한 세미나 ppt 자료! 이번에는 내용 정리를 따로 문서화 하지는 않고 발표자 노트에 정리해뒀다. 전부터 굉장히 좋아하던 화가여서 더 즐겁게 준비했음. www.docs.google.com/presentation/d/1_usJnjEe34IXlX2QKlptblCNIgi13Pn-zgQz7hZEV2Q/edit?usp=sharing 알폰스 무하 세미나 www.muchafoundation.org Alphonse mucha www.docs.google.com 섹션 2: Material Design Specs,Sizes and Metrics(3) https://www.udemy.com/share/101VsiAEMfcVdSRnQF/ ! 강의 내용을 바탕으로 정리하는 글이기 때문에 강의를 보지 않으시면 이해하지 못하는 부분이 있을 수 있습니다. 그닥 중요하지 않은 메모는**기울임 Mobile Keylines and Spacing : 머티리얼 디자인에서 사용하고 있는 세로 키라인 값, 각각의 엘리먼트 세로값, 아이콘 바운딩 값을 한 눈에 볼 수 있는 자료가 수업 자료로 첨부되어 있음. 이 자료를 어떻게 보는지에 대한 강의이기 때문에 요약정리는 패스. Touch Target Size : 아이콘과 버튼들은 상호작용을 하기 때문에 누군가가 탭할 것이고, 그렇기 때문에 사용자의 손가락 사이즈와 같거나 적어도 탭하기 쉬운 사이즈여야 함. - 스탠다드 사.. 섹션 2: Material Design Specs,Sizes and Metrics(2) 3월 완강을 목표로 시작했는데 벌써 4월이다... 변명해보자면 1)일이 바빴다(고 느꼈다) 2)정신적으로 좀 힘들었다. 마음의 여유가 생기지 않으니 강의고 뭐고 손에 잡을 엄두가 나질 않았다. 4월은 잘 달릴 수 있길 바라면서. 이제는 4월 완강이라도 할 수 있도록 노력해야겠다. https://www.udemy.com/share/101VsiAEMfcVdSRnQF/ ! 강의 내용을 바탕으로 정리하는 글이기 때문에 강의를 보지 않으시면 이해하지 못하는 부분이 있을 수 있습니다. 그닥 중요하지 않은 메모는**기울임 8-point Grid system : 캔버스 위 엘리먼트들을 8dp 거리를 사용해 8 포인트 그리드로 나누는 것. 8포인트 그리드 시스템 설정법 - Edit(편집) > Preferences.. material design-안드로이드 컴포넌트 관련 세미나 자료 회사에서 공부를 목적으로 진행했던 디자인 세미나 관련 자료. 뭔가 크게 희귀한 자료라거나 그런 건 아니고 머티리얼 디자인 문서(https://material.io/components/) + 강의에서 배운 내용 + 구글링이 짬뽕된 정리자료. 확실히 세미나 준비 하면서 더 개념을 정확하게 잡을 수 있었던 것 같음. ppt 자료 발표 자료 https://docs.google.com/document/d/1f3mSzvpkXqeFQ3HGiq81zWeQ7ExcwtnRUROpaWILTos/edit?usp=sharing material design-안드로이드 컴포넌트 관련 세미나 자료 : 2014년 구글에서 발표한 디자인 가이드 플랫 디자인 + 종이의 그림자 효과를 이용한 입체감 구글에서 material design을 .. 섹션 2: Material Design Specs, Sizes and Metrics(1) 드디어 섹션2로 넘어오면서 본격적으로 머티리얼 가이드를 공부에 들어갔다. 몸이 안좋아서 금요일에 월차 쓴 김에 금토일 열심히 공부해야겠다! 라고 생각했지만 어째서인지 단 1분도 강의를 보지 않았다. 이유는 알 수 없지만 힘겹게 일을 마치고 돌아와서 스탠드 켜놓고 졸린 정신으로 공부하는게 좋다. 이게 익숙해서인지는 모르겠지만 암튼 좋다. https://www.udemy.com/share/101VsiAEMfcVdSRnQF ! 강의 내용을 바탕으로 정리하는 글이기 때문에 강의를 보지 않으시면 이해하지 못하는 부분이 있을 수 있습니다. 그닥 중요하지 않은 메모는 **기울임 UI Regions of Android Apps 복습겸 직접 그렸다 유후 기본적인 안드로이드 앱 ui 구성. 태블릿은 구성은 .. 이전 1 2 3 다음
