본문 바로가기

디자인 + α

[디자인팁] 웹/앱 디자인을 하면서 아무도 가르쳐 주지 않지만 알아서 지켜야 하는 규칙과 상식_1편 안녕하세요 여러분~! 정말 오랜만에 하는 포스팅입니다! 제 본업이 갑자기 바빠져 말도 없이 한달정도를 쉬다 돌아오게 되었네요ㅜㅜ 처음 블로그 시작할 때 " 미리미리 컨텐츠와 글을 준비해 정해진 규칙에 맞춰 주기적인 포스팅을 해보자! " 라는 야심찬 계획이 있었는데....ㅎㅎ 어쨌든 서론이 너무 길었네요! 저는 이번에 더욱 체계적인 디자인을 하고 계속해서 공부하며 발전하고 싶은 생각에 디자인 학원을 등록했습니다! 그래서 오늘의 제 포스팅은 제가 학원에서 배웠던 사수가 없는 디자이너나! 이제 막 시작하는 저와 같은 주니어 디자이너분들은 잘 모르고 계실! 아무도 잘 가르쳐주지 않는! 눈치밥으로 얻어 먹어야 하는! 정보들을 몇가지 문답형식으로 정리해 보여드리려고 합니다!!ㅎㅎㅎㅎ 반응이 좋다면 2편까지도 계속해.. 2020. 11. 3.
[앱개발방식] 네이티브앱, 하이브리드앱, 모바일웹, 웹앱 차이점 알아보기 안녕하세요 여러분! 오늘은 앱이 개발과 구현 방식에 따라 어떻게 다른지, 어떻게 구분할 수 있는지, 장점과 단점은 무엇인지 공부해보았습니다. 제가 공부하고 이해한 방식들을 네이티브앱, 하이브리드앱, 모바일웹, 웹앱 으로 나누어 쉽게 설명해 보았습니다. 재미있게 읽으시고 도움 많이 되셨으면 좋겠습니다~! 제 설명이 어려우시거나 잘못된 부분이 있다면 꼭 댓글 남겨주시면 감사하겠습니당ㅎㅎㅎ 비교해드릴 앱 개발방식은 다음과 같습니다. 01. 네이티브앱 02. 하이브리드앱 03. 모바일웹 04. 웹앱 01. 네이티브앱 모바일 기기의 안드로이드/iOS 스토어에서 다운로드하여 사용할 수 있는 우리가 흔히 말하는 '어플리케이션' 을 말합니다. 아래 예시로 보이는 모바일 화면 캡쳐 속 어플리케이션들이 전부 네이티브앱인 .. 2020. 9. 24.
[디자인스타일명칭] 메뉴UI디자인 스타일(기법) 명칭 정리하기 안녕하세요! 오랜만에 글을 쓰는 것 같은 느낌이에요ㅎㅎㅎㅎ 요즘 계속해서 UI의 종류와 명칭에 대해 정리하고 포스팅하는 중인데요. 오늘은 메뉴 UI의 종류와 명칭입니다! 재밌게 보셨으면 좋겠습니당~~!! 메뉴 UI 란? _ " 어떠한 화면으로 이동하고 디테일페이지로 들어가기 위한 목록을 메뉴라고 하는데요, 그 메뉴를 표현할 때 사용하는 다양한 인터페이스 구성을 말합니다. " 소개해드릴 메뉴UI디자인 스타일(기법) 명칭은 다음과 같습니다. 01. Dash Board 02. Inlay Tool 03. In line Action 04. List Menu 05. Mega Menu 06. Metaphor 07. Navigation Drawer 08. Spring Board 09. Tab Bar Menu 01. D.. 2020. 9. 8.
[디자인스타일명칭] 모션UI디자인 스타일(기법) 명칭 정리하기 오늘도 UI의 종류와 명칭에 대해 정리하여 알려드려보려고 합니다! 오늘은 모션 UI의 종류와 명칭에 대해 말씀드릴게요. 많은 도움 되시길 바랍니다~ 모션 UI 란? _ " 최근 들어 많이 뜨고 있는 UI기법 중 하나로 UI 요소들에 모션을 적용하여 전체적인 디자인을 더 풍성하게 만들고 사용자의 흥미를 유발하는 방법입니다. 요소에 모션이 첨가된 인터렉션을 넣는 경우가 대부분이죠! " 소개해드릴 모션UI디자인 스타일(기법) 명칭은 다음과 같습니다. 01. 3D Force Touch 02. Folding UI (Dual UI) 03. Magnetic Design 04. Micro Interaction 05. Parallex Scroll 06. Rich Animation 07. Tweening (Morphing.. 2020. 8. 27.
[디자인스타일명칭] 컨텐츠UI디자인 스타일(기법) 명칭 정리하기_2편 저번 포스팅에 이어 오늘도 컨텐츠UI디자인 종류와 명칭에 대해 알려드리려고 합니다! 혹시라도 제 설명에 잘못된 내용이 있거나 이해가 어려우시다면 댓글 남겨주시면 감사하겠습니다. 오늘도 좋은 정보 알아가시면 좋겠습니다~ (1편부터 보시지 않으신 분은 아래의 링크로 들어가셔서 1편도 확인하시면 좋을 것 같습니다!) https://chaeyeon-chaeyeon.tistory.com/14 [디자인스타일명칭] 컨텐츠UI디자인 스타일(기법) 명칭 정리하기_1편 여러분은 실무에서 작업을 하면서 가장 어려운 점이 무엇이신가요? 제가 가장 어려웠던 점은 UI디자인의 스타일이나 형태는 알고 있는데 정확한 명칭을 알지 못해 비슷한 종류의 레퍼런스를 많� chaeyeon-chaeyeon.tistory.com 컨텐츠 UI 란.. 2020. 8. 11.
[디자인스타일명칭] 컨텐츠UI디자인 스타일(기법) 명칭 정리하기_1편 여러분은 실무에서 작업을 하면서 가장 어려운 점이 무엇이신가요? 제가 가장 어려웠던 점은 UI디자인의 스타일이나 형태는 알고 있는데 정확한 명칭을 알지 못해 비슷한 종류의 레퍼런스를 많이 찾지 못한다는 것이였는데요ㅜㅜ 하지만 최근 좋은 강의를 수강하고 강의 교재로 공부를 하면서 이 고민을 많이 덜게 되었답니다! 그래서 제가 공부하면서 알게 된 UI스타일들과 그에 따른 명칭들을 정리하여 알려드리려고 합니다. 현재까지 제가 공부한 내용들을 몇가지의 카테고리로 분류하고 또 양이 많은 부분은 게시글을 나누어 포스팅하도록 하겠습니다. 먼저 오늘 포스팅할 내용은 컨텐츠 UI디자인의 종류와 명칭들입니다! 많은 도움 되시길 바랍니다~ㅎㅎ 컨텐츠 UI 란? _ " 디자인을 구성하는 UI 구성요소 중 가장 일반적이고 많이.. 2020. 7. 25.
[디자인레퍼런스] 실무에서 유용한 실제 상용화되고 있는 디자인 사이트 모음 디자인을 하다보면 레퍼런스가 필요할 경우가 많이 있는데요. 그럴 때 대부분 어떠한 사이트를 이용하시고 계신가요? 핀터레스트나 드리블과 같은 사이트들은 다양한 레퍼런스들이 있지만 대부분 개인적인 용도로 만든 디자인이라 원하는 대로 컨텐츠를 만들어내는 경우가 많고 원하는 디자인에 맞추어 알맞은 텍스트 길이를 조정하기도합니다. 하지만 실무에서 디자인을 하게 되면 디자인에 맞추어 컨텐츠를 바꾸거나 텍스트길이를 조정한다는 일은 절대로 쉽지 않습니다. 대부분 당연하게도 텍스트나 컨텐츠, 내용에 맞추어 디자인을 해야 합니다. 그러다 보면 상용화되고 있는 비슷한 디자인 레퍼런스들이 보고 싶을 때가 있는데 그럴때마다 비슷한 검색어를 생각해 검색하고 사이트를 둘러보는 일은 상당한 시간낭비가 될 수 있습니다. 그래서 이번에.. 2020. 7. 10.
[목업소스] 실무에서 사용하는 상업적 사용이 가능한 목업소스 사이트 모음 오늘은 실무에서 가장 많이 사용된다고도 할 수 있는 ' 목업소스 ' 에 대한 포스팅입니다! 기업의 프로젝트 포트폴리오를 만들 때에도, 홍보 포스터나 배너 등과 같은 작업을 할 때에도 많이 사용하며 또, 디자인이 아닌 다양한 분야에서 활용되고 있는 것이 바로 목업인데요. 목업(Mock-up) _ " 실제 제품과 유사한 모형을 의미하며 디자인 분야에서의 목업은 실제 제품의 사진과 만들어 낸 디자인이나 그래픽을 합성하여 산출물을 훨씬 실제 상품처럼 보일 수 있도록 구현하는 용도로 활용하는 것 " 목업소스는 종류도 다양하고 활용할 수 있는 범위도 다양하기 때문에 만약 실무에서 상업적으로 사용하기 위해 목업소스를 찾고 있다면 정확하게 상업적 용도로도 사용이 가능한 소스인지 확인해야 합니다. 예를 들어 아래의 이미.. 2020. 6. 27.
[전시정보] 디자이너가 좋아하는 다양한 전시 정보 사이트 모음 디자인 + α 의 정보 카테고리 첫 포스팅이네요! 이 카테고리에서는 디자이너로써 많은 경험을 하기에 좋은 정보들과 디자이너가 아니더라도 관심이 있는 사람들이라면 누구나 도움이 될 정보들을 모아서 올려드리려고 합니다. 그 첫 시작인 오늘의 게시물은 전시 정보에 대해 정리해보았습니다! 많은 도움되셨으면 좋겠습니다~ㅎㅎ 01. 국립현대미술관 미술관 이름에 걸맞게 현대미술 전시가 가장 많이 진행되고 또 현대미술에 많은 힘을 쏟고 있는 미술관입니다. 건축, 디자인, 공예 등 다양한 분야에서의 현대미술을 보여주고자 하는 전시들이 많아 현대미술을 이해하고 고민하는데에 도움이 많이 될 것 같습니다. https://www.mmca.go.kr/main.do 국립현대미술관 국립현대미술관 www.mmca.go.kr 02. 대.. 2020. 6. 9.

티스토리툴바