-
[비공개] 반응형 웹사이트 템플릿 Bootstrap에서 무료로 다운로드하기
안녕하세요 루씨입니다.반응형 웹사이트 템플릿을 무료로 사용할 수 있는 사이트를 소개합니다.반응형 웹?반응형 웹이란 다양한 디바이스에 대응해서 보여주는 웹페이지를 말합니다. 모바일처럼 작은 디바이스는 이미지를 줄여서 데스크톱처럼 큰 디바이스에서는 크게 보여주는 방식입니다. 하나의 페이지로 다양한 디바이스에 맞게 보여주는 것을 반응형이라고 말합니다.하지만 코딩을 잘 모르는 입문자나 디자이너가 혼자서 반응형 웹사이트를 만들기는 어렵지요. 그래서 무료로 배포한 템플릿을 소개합니다. 부트스트랩이라는 사이트에서 무료로 템플릿을 제공하고 있습니다. 코딩을 아는 디자이너나 개발자가 템플릿을 가져다가 소스.......추천 -
[비공개] 반응형 웹사이트 템플릿 Bootstrap에서 무료로 다운로드하기
안녕하세요 루씨입니다. 반응형 웹사이트 템플릿을 무료로 사용할 수 있는 사이트를 소개합니다. 반응형 웹? 반응형 웹이란 다양한 디바이스에 대응해서 보여주는 웹페이지를 말합니다. 모바일처럼 작은 디바이스는 이미지를 줄여서 데스크톱처럼 큰 디바이스에서는 크게 보여주는 방식입니다. 하나의 페이지로 다양한 디바이스에 맞게 보여주는 것을 반응형이라고 말합니다. 하지만 코딩을 잘 모르는 입문자나 디자이너가 혼자서 반응형 웹사이트를 만들기는 어렵지요. 그래서 무료로 배포한 템플릿을 소개합니다. 부트스트랩이라는 사이트에서 무료로 템플릿을 제공하고 있습니다. 코딩을 아는 디자이너나 개발자가 템플릿을 가져다가 소스를 수.......추천 -
[비공개] 피그마의 이미지와 아이콘 플러그인
안녕하세요 루씨입니다.피그마의 플러그인 중에서 이미지 관련된 플러그인을 소개합니다. 디자인 작업할 때 필요한 이미지와 아이콘을 손쉽게 캔버스로 불러올 수 있는 플러그인들만 모아봤습니다.피그마의 이미지와 아이콘 플러그인Unsplash - 무료 이미지 제공User Profile - 사용자 프로필 제공Flaticons - 아이콘 제공Handz 3D Illustration - 3d 이미지 제공IllustrationsLogo Creator - 로고 생성기Iconscout - 아이콘 제공UI Faces - 언스플레쉬,펙셀스 등의 무료 이미지 사이트에서 사용자 프로필 이미지 제공Stories by Freepik - 일러스트레이션 제공.......추천 -
[비공개] 피그마의 이미지와 아이콘 플러그인
안녕하세요 루씨입니다. 피그마의 플러그인 중에서 이미지 관련된 플러그인을 소개합니다. 디자인 작업할 때 필요한 이미지와 아이콘을 손쉽게 캔버스로 불러올 수 있는 플러그인들만 모아봤습니다. 피그마의 이미지와 아이콘 플러그인 Unsplash - 무료 이미지 제공 User Profile - 사용자 프로필 제공 Flaticons - 아이콘 제공 Handz 3D Illustration - 3d 이미지 제공 Illustrations Logo Creator - 로고 생성기 Iconscout - 아이콘 제공 UI Faces - 언스플레쉬,펙셀스 등의 무료 이미지 사이트에서 사용자 프로필 이미지 제공 Stories by Freepik - 일러스트레이션 제공 Font Awesome Icons - 아이콘 폰트 제공 Lorem ipsum - 더미 텍스트 제.......추천 -
[비공개] 루씨의 디자인 강좌
안녕하세요 루씨입니다.올해는 코로나로 인해서 모든 분들이 힘든 한 해였을 듯합니다. 저도 마찬가지로 스케줄이 마구 꼬여서 개강도 늦춰지고 중간에 쉬기도 하고 ... 우여곡절이 참 많았네요. 대략 마무리를 하면서 올해가 끝나기 전에 개강하는 수업을 업데이트합니다. 정리를 잘 못하는 성격이라 매번 일 하나하나에 허덕거리며 쳐내는 것에 급급한지라 차분하게 시작과 끝맺음을 잘 못합니다 ㅜ.ㅜ 급하지만 잘 마무리하고자 앞두고 있는 수업을 정리했습니다.UXUI 디자이너를 위한 수업과 포토샵 입문자를 위한 GTQ포토샵 수업을 준비 중에 있습니다.◆ UXUI 디자인 - 포토샵과 어도비XD 과정포토샵과 어도비 XD 툴을 익.......추천 -
[비공개] 루씨의 디자인 강좌
안녕하세요 루씨입니다. 올해는 코로나로 인해서 모든 분들이 힘든 한 해였을 듯합니다. 저도 마찬가지로 스케줄이 마구 꼬여서 개강도 늦춰지고 중간에 쉬기도 하고 ... 우여곡절이 참 많았네요. 대략 마무리를 하면서 올해가 끝나기 전에 개강하는 수업을 업데이트합니다. 정리를 잘 못하는 성격이라 매번 일 하나하나에 허덕거리며 쳐내는 것에 급급한지라 차분하게 시작과 끝맺음을 잘 못합니다 ㅜ.ㅜ 급하지만 잘 마무리하고자 앞두고 있는 수업을 정리했습니다. UXUI 디자이너를 위한 수업과 포토샵 입문자를 위한 GTQ포토샵 수업을 준비 중에 있습니다. ◆ UXUI 디자인 - 포토샵과 어도비XD 과정 포토샵과 어도비 XD 툴을 익히고 실무예제.......추천 -
[비공개] 무료 홈페이지 제작 빌더 Free Website Builder
무료로 홈페이지를 만들수 있는 사이트를 소개합니다. 전문 지식이 있다면 좋겠지만 전혀 모르셔도 만들어진 템플릿을 이용한다면 텍스트와 이미지를 변경해서 자신만의 홈페이지를 간단하게 만들수 있습니다. 소개하는 사이트를 보시고 자신에게 맞는 곳에서 멋진 홈페이지를 만들어보세요.윅스 Wixhttps://ko.wix.com/너무나도 유명한 윅스입니다. 400개 이상의 템플릿을 이용해서 홈페이지를 무료로 만들수 있습니다.기본적인 템플릿이 있어서 빠르고 쉽게 뚝닥!! 만들어집니다. 도메인과 메일까지 한꺼번에 생성해서 관리하기에 편하게 도와줍니다. 물론 비용이 발생하지만 도메인과 홈페이지를 따로 관리하기 싫다면 한번에 윅스에.......추천 -
[비공개] 무료 홈페이지 제작 빌더 Free Website Builder
무료로 홈페이지를 만들수 있는 사이트를 소개합니다. 전문 지식이 있다면 좋겠지만 전혀 모르셔도 만들어진 템플릿을 이용한다면 텍스트와 이미지를 변경해서 자신만의 홈페이지를 간단하게 만들수 있습니다. 소개하는 사이트를 보시고 자신에게 맞는 곳에서 멋진 홈페이지를 만들어보세요. 윅스 Wix https://ko.wix.com/ 너무나도 유명한 윅스입니다. 400개 이상의 템플릿을 이용해서 홈페이지를 무료로 만들수 있습니다.기본적인 템플릿이 있어서 빠르고 쉽게 뚝닥!! 만들어집니다. 도메인과 메일까지 한꺼번에 생성해서 관리하기에 편하게 도와줍니다. 물론 비용이 발생하지만 도메인과 홈페이지를 따로 관리하기 싫다면 한번에 윅스에서 제.......추천 -
[비공개] [Adobe XD]내용인식 패딩을 적용한 버튼 만들기
어도비 XD의 내용인식 패딩을 활용해서 안드로이드 버튼을 만드는 방법을 소개합니다.우선 머티리얼 사이트에서 버튼의 가이드라인을 확인해서 버튼의 글자 좌우 패딩을 얼마나 설정하는지 확인해주세요.96x36 사이즈의 버튼을 만들어 보겠습니다.https://material.io/components/buttons#specs안드로이드 버튼 만들 때 주의할 점 1. 좌우 패딩 16dp 설정2. 글자는 대문자로 한다.1. 아트보드를 생성한다.(사이즈는 마음대로 합니다.)2. 사각형(94x36,radius4,컬러 #6200EE) 그린다.2. 텍스트(roboto 16,#fff) 글자를 입력한다.3. 사각형과 글자를 선택해서 가운데 정렬을 한다.4. 그룹(Ctrl+G)으로 묶는다.5. 패딩 체크하고 (9,16,9,16) 좌우.......추천 -
[비공개] [Adobe XD]내용인식 패딩을 적용한 버튼 만들기
어도비 XD의 내용인식 패딩을 활용해서 안드로이드 버튼을 만드는 방법을 소개합니다. 우선 머티리얼 사이트에서 버튼의 가이드라인을 확인해서 버튼의 글자 좌우 패딩을 얼마나 설정하는지 확인해주세요. 96x36 사이즈의 버튼을 만들어 보겠습니다. https://material.io/components/buttons#specs 안드로이드 버튼 만들 때 주의할 점 1. 좌우 패딩 16dp 설정 2. 글자는 대문자로 한다. 1. 아트보드를 생성한다.(사이즈는 마음대로 합니다.) 2. 사각형(94x36,radius4,컬러 #6200EE) 그린다. 2. 텍스트(roboto 16,#fff) 글자를 입력한다. 3. 사각형과 글자를 선택해서 가운데 정렬을 한다. 4. 그룹(Ctrl+G)으로 묶는다. 5. 패딩 체크하고 (9,16,9,.......추천