전체 글 [2021] [UI·UX디자인트렌드] 2021년도를 이끌어 갈 10가지 UI·UX디자인 트렌드 정리하기 정말 오랜만에 돌아온 디자인 트렌드 게시물입니다! 작년에도 2020년도 디자인 트렌드 관련 게시물들을 올렸었는데요. 무엇인가 이룬 것도 없는 것 같은데 벌써 한해가 지나고 2021년도가 밝아오고 있네요...ㅎ (๑⊙ﾛ⊙๑) 2020년도 디자인트렌드를 적고 있을 때만 해도 2021년도 디자인트렌드를 적을 것이라는 생각은 해보지도 못했었는데.....ㅎㅎ 이번년도는 코로나로 인해 다들 정신없게 흘러간 한해였던 것 같아요ㅠㅠ (｡•́︿•̀｡) 이제 맞이하게 될 새해에는 다들 좋은 일만 가득하시길 바라겠습니다!ㅎㅎㅎ ٩(๑• ₃ -๑)۶♥ 그럼 2021년도 UI·UX디자인 트렌드 시작할게요! 소개해드릴 2021년 10가지 UI·UX디자인 트렌드는 다음과 같습니다. 01. 모바일 브라우징 02. 음성 사용자 인터페.. 2020. 12. 18. [디자인팁] 웹/앱 디자인을 하면서 아무도 가르쳐 주지 않지만 알아서 지켜야 하는 규칙과 상식_3편 안녕하세요~ 마지막 ' [디자인팁] 웹/앱 디자인을 하면서 아무도 가르쳐 주지 않지만 알아서 지켜야 하는 규칙과 상식_3편 ' 으로 돌아왔습니다!! 제가 지금까지 올렸던 게시물 중에서 가장 오랫동안 시리즈로 작성했던 글이었던 것 같네요ㅎㅎ 그만큼 제가 학원을 다니고 열심히 공부했다는 뜻이기도 하면서 공부를 하기 전까지는 몰랐던 점이 많았다는 뜻이기도 하고, 여러분들께서 많이 사랑해주셨다는 뜻이기도 하겠죠ㅎㅎㅎ 감사합니다! 그럼 마지막 3편 시작해보겠습니다~ 마지막까지 재미있게 봐주시고 잘못된 내용이나 질문 댓글로 남겨주세요! (이전 게시글을 보지 못하셨던 분들은 아래의 링크에서 이전 게시글부터 천천히 읽어봐주시면 감사할 것 같습니다!) https://chaeyeon-chaeyeon.tistory.com/.. 2020. 12. 2. [디자인팁] 웹/앱 디자인을 하면서 아무도 가르쳐 주지 않지만 알아서 지켜야 하는 규칙과 상식_2편 안녕하세요 여러분~ㅎㅎ 저번 포스팅에서 나름 좋은 반응을 얻었던 것 같아 웹/앱디자인을 하면서 아무도 가르쳐 주지 않지만 알아서 지켜야 하는 규칙과 상식 2편을 써보았습니다! 오늘도 재미있게 읽어주시고 제 포스팅이 디자인을 하시면서 도움되는 게시물이었으면 좋겠습니다~ㅎㅎㅎ 이번 게시물도 질문이나 잘못된 정보가 있다면 댓글로 알려주시면 감사하겠습니다! 그럼 시작해보겠습니다~~@-@ (1편에도 새롭고 다양한 디자인에 관한 이야기가 담겨 있으니 1편부터 차근히 읽어보시고 오시면 더욱 도움되실 것 같습니다!ㅎ) https://chaeyeon-chaeyeon.tistory.com/21 WebAIM: Contrast Checker Contrast Checker You are here: Home > Resources.. 2020. 11. 19. [디자인팁] 웹/앱 디자인을 하면서 아무도 가르쳐 주지 않지만 알아서 지켜야 하는 규칙과 상식_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. [디자인레퍼런스] 실무에서 유용한 디자인 레퍼런스 사이트 모음 실무에서 디자인 작업을 하면서 많은 레퍼런스 사이트들을 보시게 될텐데 어떤 사이트에 어떤 자료가 많이 분포되어 있고 사이트마다 어떤 디자인들을 중심으로 모아두어져 있는지 설명되어 있는 곳이 많지 않은 것 같습니다. 그래서 이번 포스팅은 주니어디자이너들에게 도움이 될만한 여러가지 디자인 레퍼런스 사이트를 모아보고 사이트마다의 특징을 정리해 보았습니다! 많은 도움 받으시기를 바랍니다!!ㅎㅎㅎ ( * 주관적으로 사이트를 비교해보며 정리한 글이기 때문에 확실한 정보라고 볼 수는 없습니다. 이 점 참고해 주시기 바랍니다~ ) 01. Pinterest 가장 유명한 디자인 레퍼런스 사이트로 웹, UIUX, 컨텐츠, 편집디자인 등 여러가지의 다양한 디자인 레퍼런스들을 모아두어 실무에서의 활용도가 높고 많은 종류의 디자.. 2020. 5. 22. [2020] [UI·UX디자인트렌드] 2020년도를 이끌어 갈 5가지 UI·UX디자인 트렌드 정리하기 오랜만에 하는 포스팅이네요! 이번 포스팅은 2020년 UI·UX디자인 트렌드에 대해 적어보았습니다. 지금까지의 2020트렌드 게시물들과 같이 UI·UX디자인 트렌드에 대해 총정리 했습니다. 재미있게 읽어주시면 감사하겠습니다~ㅎㅎ 소개해드릴 2020년 5가지 UI·UX디자인 트렌드는 다음과 같습니다. 01. 마이크로 인터렉션 02. 하단 영역의 확장 03. 감정을 인식하는 디자인 04. 음성 사용자 인터페이스 (VUI) 05. 증강현실(AR)과 가상현실(VR)디자인 01. 마이크로 인터렉션 마이크로 인터렉션의 목적은 사용자의 상호작용을 통해 흥미를 이끌어 내고 생동감 있는 사용자 경험을 하도록 유도하는 데에 있다고 합니다. 사용자가 어떤 식으로 제품을 사용할지에 대해 즉각적인 반응과 결과를 보여주어 사용자.. 2020. 5. 4. [2020] [그래픽디자인트렌드] 2020년도를 이끌어 갈 11가지 그래픽디자인 트렌드 정리하기_2편 이전 게시물에 이어 계속해서 2020년도 그래픽디자인 트렌드에 대해서 알아보려고 합니다! 2편이 마지막이니 재밌게 보시고 많은 도움 받아가셨으면 좋겠습니다~ㅎㅎ (1편부터 보시지 않으신 분은 아래의 링크로 들어가셔서 1편부터 확인하시고 2편을 감상해 주시면 감사하겠습니다!) https://chaeyeon-chaeyeon.tistory.com/5 [2020] [그래픽디자인트렌드] 2020년도를 이끌어 갈 11가지 그래픽디자인 트렌드 정리하기_1편 오늘은 저번 게시물에 이어서 2020년도 디자인 트렌드에 대해 알아보려고 하는데요. 이번에 알아볼 디자인 트렌드는 2020년도 그래픽 디자인 트렌드입니다! 지난번과 같이 현재까지 나와있는 트렌드에 대한 내용을.. chaeyeon-chaeyeon.tistory.co.. 2020. 4. 15. 이전 1 2 3 4 5 6 다음
