본문 바로가기

웹디자이너를 위한/콘텐츠디자인 팁62

웹디자이너라면 이정도 기본 상식은 알아두세요. 점, 선, 면, 비율, 대칭... ​이렇게 기본적인 걸 모르는 디자이너도 있나?라고 생각하시는 분들도 있을 것입니다. 근데 실제로 이런 기본적인 상식을 모르는 디자이너도 분명 있고요, 그리고 이런 기본적인 상식은 단지 이성적으로 아는 것이 중요한 게 아니라 우리의 이성 영역이 아닌 무의식 영역 속에 저장되어 있어야 이성적 판단이 아닌 무의식적으로, 즉각적으로 반응하듯 작업에 자연스럽게 적용할 수가 있거든요. 그래서 본인이 이런 기본 상식을 분명 알고 있음에도 잘 활용하지 못하는 분들도 많을 것입니다. 그래서 준비했습니다. https://blog.naver.com/PostView.naver?blogId=designup80&logNo=222739332557 유튜브 소개 , 초보 웹디자이너는 꼭 한번 봐주세요.. 2022. 5. 24.
일러스트에서 도형 모양에 따라 글자 맞춰 넣기 이렇게 하트모양의 글자, 별모양의 글자 등 원하는 모양에 글자를 맞춰서 넣을 수 있습니다. 일러스트에서 글자와 모양을 선택한 후 ctrl + alt + c 만 누르면 모양안으로 글자가 쏙 들어갑니다. 아주 간단한 팁이죠. https://designup4.tistory.com/86 [일러스트레이터] 원하는 도형안에 글자 우겨 넣기 적용 순서 1. 배경없는 도형 그리기 2. 선으로 조각을 낸 뒤에 그룹 해제 3. 들어갈 글자와 들어갈 영역을 shift 로 함께 선택 한 뒤에 4. Ctrl + Alt + C 주의 사항 글자를 넣은 후 수정이 designup4.tistory.com 2021. 10. 1.
유튜브 썸네일 제작 팁 4가지 오랜만에 추천하는 존코바님의 영상이네요~ 존코바님의 영상을 무조건 보시는 것이 진리라 생각합니다. ㅎㅎㅎ 이번 영상에서는 구독자분의 유튜브 썸네일 작업물을 리뷰하면서 작업시 주의해야 할 4가지 팁을 알려드리고 있습니다. 웹디자이너라면 기본적인 내용이라 식상하게 느끼실 수 있겠지만 존코바님의 영상이니 확인차 한번 보시는 것도 좋을 것 같습니다. https://designup4.tistory.com/24 유튜브 썸네일은 문구(타이틀) 강조가 우선이고 가장 중요하다. 유튜브 썸네일의 작업 방향은 타이틀에 힘을 싫어주는 방향으로 진행한다. 타이틀의 의미를 방해하는 요소는 과감히 차단한다. 1. 타이틀은 읽는 디자인이 아닌 보는 디자인으로 한눈에 볼수 있 designup4.tistory.com 2021. 7. 25.
웹디자인의 기본, 조형요소와 조형원리 조형요소가 뭔지, 조형원리가 뭔지 잘 모르시는 디자이너분들도 분명 있을 것입니다. 하지만 점, 선, 면, 율동, 비례를 모르시는 분들을 없겠죠? 바로 이것이 조형요소, 조형원리 입니다. 조형요소 - 점, 선, 면, 형태, 질감 등 조형원리 - 율동, 비례, 대비 등 이번 영상에서는 기초 미술수업을 통해 이런 조형요소와 조형원리에 대해 자세히 공부할 수 있는 시간이 될 것 같습니다. 디자이너라면 반드시 보셔야 할 영상이라 생각합니다. https://designup4.tistory.com/40 조형요소와 조형원리 조형요소 작품을 제작할 때 필요한 기본적인 구성요소 점 선 면 형(형태) 명암 색 질감 공간감 조형원리 조형요소들이 유기적으로 잘 연계되어 작품을 구성하도록 하는 것 조형요소들 designup4.t.. 2021. 7. 25.
초보 웹디자이너를 위한 레이아웃 노하우 (모두의디자인) 유튜브 모두의 디자인이 알려주는 디자인 레이아웃과 조형요소의 역할과 시각적 기능 웹디자인 작업시 여러가지 고려해야 할 사항들이 많이 있지만 개인적으로는 레이아웃이 가장 중요하다고 생각합니다. 본 영상에서는 레이아웃에 대한 기본 설명과 디자인 조형요소인 점, 선, 면, 색 의 역활과 시각적 기능에 대해 하나 하나 짚어주기 때문에 초보 웹디자이너분이라면 꼭 한번 보시면 도움이 많이 될 것이라 생각합니다. 포토샵을 켜고 직접 그려보는 것이 공부가 되지만 디자인 이론을 학습하신 상태에서 디자인 공부를 하신다면 실력 향상에 더욱 도움이 될 것입니다. https://designup4.tistory.com/56 디자인 레이아웃 목적, 조형요소의 역할과 시각적 기능 디자인. 레이아웃 목적 - 정보 (콘텐츠) 전달 레이.. 2021. 7. 25.
어도비 얼러스트와 XD로 라인 일러스트 컨셉의 웹디자인 제작 과정 일러스트 툴을 이용하여 도시, 건물 느낌의 라인 일러스트를 제작한 후 이 결과물을 XD로 불러와서 웹디자인 레이아웃 작업을 진행합니다. 구글 검색창은 뉴모피즘 컨셉으로 구현하였으며, 이는 라인 일러스트와 잘 어울리는 느낌을 주네요~ 참고로 마디아님께서 이번부터는 모든 글자들을 영문이 아닌 한글로 진행한다고 합니다. 마디아님께서 만드신 결과물이 영문빨이다라는 의견이 많기 때문이라는데요, "저는 디자이너 입니다." "I am Graphic Designer." 사실 한글모양이 영문모양과 느낌이 다른 것 사실입니다. 하지만 영문이 무조건 한글보다 이쁘다는건 아니죠... 느낌이 달라지는 건 맞지만 퀄리티를 문제 삼으면 안되죠~ 아마도 이런 영향도 있을 것 같습니다. [채널에 멤버십 가입하여 디자인 원본파일을 받아.. 2020. 8. 21.
스마트오브젝트(고급개체)로 편리하게 목업이미지 합성하기 스마트오트젝트는 그냥 크기를 늘리고 줄일때 깨짐을 방지하기 위한 기능으로만 알고 있었는데 이런 유용한 기능이 있었네요~ 그동안 목업이미지를 만들때 이미지 하나하나 변형툴을 사용하여 만들었는데... 저처럼 구닥다리 방식으로 목업이미지를 만들고 계실지도 모르는 분들을 위해 이 영상을 바칩니다. 추가로 영상에 대한 설명이 부족하신 분들을 위해 도움이 될만한 포스팅 링크도 함께 추가해드립니다. 모두 즐공하세요~ http://blog.naver.com/jackie30/221567611999 포토샵 스마트 오브젝트 : 스마트한 사진 합성 기법 1. 시작하기에 앞서서로 다른 사진을 합성하여 하나의 완성된 이미지로 만드는 일이 가끔 필요하게 된다. ... blog.naver.com 2020. 8. 17.
그래픽 디자인 레이아웃과 구도에 대한 다섯가지 법칙 1. 근접성 페이지내의 내용들끼리의 관계를 보여주기 위해 근접성은 중요합니다. 근접성은 당신의 작품을 한눈에 이해할 수 있게 만듭니다. 2. 여백 여백을 활용하는 정석은 없지만, 목적을 이해하고 활용하는 것이 중요합니다. 여백은 어수선한 디자인에 숨을 쉬게 해줍니다. 3. 정렬 4. 대비 대비란 컬러 뿐만 아니라 사이즈, 형태, 폰트굵기 등 시각적으로 무게감의 차이를 주는 것을 말합니다. 5. 반복 (일관성) 동일한 요소에는 같은 컬러, 모양, 폰트 등으로 반복 사용하여, 일관된 모습으로 정리를 해줍니다. 2020. 8. 9.
초보 웹디자이너를 위한 사이트 메인페이지 강좌 정말 쉽게 알려주는 누구나 따라 할 수 있는 포토샵 웹디자인 강의(포토샵 기초디자인) 2020. 8. 6.
XD모바일 모바일UI Kit 11종 디자인 하기 안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다. 2020. 8. 6.
일반인과 디자이너의 차이 3편 - 투명도를 활용하는 꿀팁! 초보를 위한! 디자인에 있어서 너무 중요한 투명도 활용법! 전부 알려드릴게요 :D 일반인과 디자이너의 차이 3편 - 투명도를 활용하는 꿀팁! // 존코바 // Photoshop Tutorials // MSI 2020. 7. 31.
[Adobe xd] PC웹디자인 과정 / 메인 카드형 레이아웃 안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다. youtube channel: https://bit.ly/2GJYUF1 2020. 7. 30.
로고타입 - 황금규칙을 활용한 완벽한 디자인 타이포그래피 로고에는 매우 중요한 황금률 규칙이 있으며 오늘 비디오에서는 이러한 황금률 규칙을 살펴 보겠습니다. 타이포그래피 로고 디자인에는 로고 마크가 없으므로 타이포그래피 로고 디자인에는 로고 마크가 없으므로 얼마나 중요한지 이해하는 것이 중요합니다. 얻는 것입니다. 실제 로고 타입 자체가 정확합니다. 2020. 7. 28.
레이아웃 디자인의 6가지 황금 규칙 레이아웃 디자인을위한이 6 가지 황금 규칙을 알고 따르십시오. 모든 디자이너가 따라야 할 규칙을 보여 드리고 레이아웃과 그래픽 디자인에서 왜 중요한지 보여 드리겠습니다. 이 채널에 '골든 룰'형식의 동영상이 몇 개 있으며 오늘은 정확하고 우아한 레이아웃 디자인 세계를 탐구합니다. 레이아웃 디자인은 깔끔하고 깔끔한 그래픽 디자인 분야이지만 이러한 모든 황금률은 그래픽 디자인의 다른 측면으로 이어질 수 있습니다. 오늘의 튜토리얼에서 6 가지 규칙을 각각 살펴보고, 그 의미와 사용 위치, 준수해야하는 이유를 보여줍니다. 2020. 7. 24.
Adobe XD의 웹 디자인 Adobe XD를 사용하여 웹 사이트 UI 디자인을 만드는 방법 2020. 7. 23.