Design11 UI / UX 디자인에 대한 기본적 개념 이해 UI / UX에 대한 말은 많이 들어봤으나 도대체 그게 뭔데? 라는 답을 찾기 위해 공부 한 내용을 정리합니다. 우선 UI와 UX에 대한 정의부터 보시겠습니다. UI - User Interface : 사용자에게 시각적인 것으로, 컴퓨터나 모바일 화면 등의 정보 기기와 사용자가 만나는 면을 말합니다. UX - User eXperience : 사용자가 UI를 이용하며 만나게 되는 모든 경험을 뜻합니다. 그럼 UI / UX 디자인은 무엇일까요? UI 디자인은 사용자와 기기 사이의 인터페이스 즉, 레이아웃, 배치, 모양, 색깔 등 보이는 것을 디자인 하는 것을 뜻하며, UX 디자인은 기기에 무엇이 담겨야 할지 전반적으로 구상하고 정보를 수집하여 설계하는 모든 단계를 뜻합니다. 무슨 소리일까요? 여러분의 방을 처.. 2020. 8. 7. 어도비 일러를 활용한 일러스트 제작 4. 이미지 트레이스 롤스토리 디자인 연구소 유튜브를 따라 하며 정리해본 학습 내용입니다. https://www.youtube.com/watch?v=wq_5QBgt5_c&list=PLF3xwVWbSafyR5iqpL7Qqmp16btJj0hgS&index=56 어도비 일러를 활용해서 일러스트를 제작하는 과정을 포스팅 합니다. 네 번째로 이미지 트레이스를 활용하여 이미지를 벡터화 시키고 로고를 만들어 보겠습니다. 먼저 구글에서 적당한 안경 이미지를 하나 가져 옵니다. 저는 위 사진을 택하겠습니다. 우클릭 - 이미지 복사를 해서 가져 옵니다. 이후 일러스트레이터 캔버스에 Ctrl + V 로 이미지를 붙여주고, Alt를 누른 채 드래그 하여 복사합니다. 복사한 이미지를 선택하고, 벡터화를 하겠습니다. * 벡터화란? 이미지를 벡터 형태.. 2020. 8. 7. 어도비 일러를 활용한 일러스트 제작 3. 라벨 디자인 롤스토리 디자인 연구소 유튜브를 따라 하며 정리해본 학습 내용입니다. https://www.youtube.com/watch?v=wq_5QBgt5_c&list=PLF3xwVWbSafyR5iqpL7Qqmp16btJj0hgS&index=56 어도비 일러를 활용해서 일러스트를 제작하는 과정을 포스팅 합니다. 세 번째로 라벨을 만들어 보겠습니다. 먼저, L을 누른 후 Shift를 누른 채 드래그 하여 원을 하나 그려줍니다. 해당 원을 선택 후 Alt를 누른 채 오른쪽에 복사를 해 두겠습니다. 이후 왼쪽 원을 라벨의 배경처럼 지그재그 느낌이 나게 해주겠습니다. 왼쪽 원을 선택한 후 Effect - Distort & Transform - Zig Zag 누르고 Preview 활성화 하고 조절하면 됩니다. 배경 색깔을 .. 2020. 8. 6. 어도비 일러를 활용한 일러스트 제작 - 2. 인스타그램 로고 만들기 롤스토리 디자인 연구소 유튜브를 따라 하며 정리해본 학습 내용입니다. https://www.youtube.com/watch?v=HlDRBHcmGkM&list=PLF3xwVWbSafyR5iqpL7Qqmp16btJj0hgS&index=57 어도비 일러를 활용해서 일러스트를 제작하는 과정을 포스팅 합니다. 두 번째로 인스타그램 로고를 만들어 보겠습니다. 첫 번째로 M 을 눌러 사각형을 그립니다. 이 때 Shift를 누르고 그리면 정 n각형이 그려집니다. Alt까지 같이 누르고 그리면 처음 클릭한 부분이 도형의 중앙이 됩니다. 모서리 부분을 둥글게 하는 방법은 도형을 선택하고 Ctrl 누른 상태로 드래그 하면 되며, 이전 포스팅 때 배웠습니다. 이후 선의 색깔을 변경해주어야 합니다. 오른쪽 견본 부분의 색깔을 .. 2020. 8. 5. 어도비 일러를 활용한 일러스트 제작 - 1.둥근 모서리 별 만들기 롤스토리 디자인 연구소 유튜브를 따라 하며 정리해본 학습 내용입니다. https://www.youtube.com/watch?v=a6T_fzB5C6U&list=PLF3xwVWbSafyR5iqpL7Qqmp16btJj0hgS&index=58 어도비 일러를 활용해서 일러스트를 제작하는 과정을 포스팅 합니다. 첫 번째로 만들어 볼 것은 둥근 모서리의 별을 만드는 것입니다. 이후 캔버스에 Shift를 누르고 드래그 하여 적당한 크기의 별을 만들어줍니다. 그려진 별을 선택하고 Ctrl을 누른 채로 모서리에 마우스를 갖다 대보세요! Ctrl 누른 걸 그대로 유지하고 드래그 해주시면 모서리가 둥근 별을 만들 수 있습니다. 어도비 일러를 활용하여 일러스트 제작 하는 첫 걸음으로 둥근 모서리 별을 만들어 보았습니다. 이 과.. 2020. 8. 5. 이전 1 2 다음 반응형
