메이뜰모바일웹

페이지 정보

profile_image
작성자나르 조회 4회 작성일 2022-09-24 15:45:37 댓글 0

본문

모바일 디자인 30분만 투자하시면 됩니다.[Adobe XD]

추천, 구독, 알림, 댓글은 큰 힘이 됩니다.
채널에 멤버십 가입하여 디자인 원본파일을 받아보세요.
https://han.gl/OBONg

➤마디아 스타일가이드 : https://han.gl/ZmkOP
➤캐릭터 유튜브 채널 : https://han.gl/9q5gi

➤아래 재생목록에서 수백개의 디자인 \u0026 디자인 팁을 배워가세요

1. 포토샵 기초강의
https://han.gl/DtcSI

2. 일러스트레이터 기초강의
https://han.gl/En3UZ

3. 어도비XD 기초강의
https://han.gl/jpu30

4. 시청자 포트폴리오 컨펌
https://han.gl/b6INc

5. 웹 디자인UIUX
https://han.gl/ZMgL9

6. 모바일 디자인UIUX
https://han.gl/KB5tU

7. 아이콘 디자인
https://han.gl/qcHlM

8. 디자인 정보
https://han.gl/BL9AW

안녕하세요 디자이너 마디아입니다.
현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다.
--------------------------------------------------------------------------
► youtube channel: https://bit.ly/2GJYUF1
►단톡방 : https://open.kakao.com/o/gakaJCvb
►mail : madia_designer@naver.com
►cafe : https://cafe.naver.com/madiadesigner
--------------------------------------------------------------------------
본 디자인은 다양한 해외 벤치마킹을 통해 고민없이
비쥬얼 적으로만 디자인 되었음을 알립니다.
--------------------------------------------------------------------------
#모바일 #Adobe XD #UIUX #포토샵
YunJi Lee : 안녕하세요 마디아님! 어제까지 디자인에 ㄷ자도 몰랐던 공대생입니다. 갑자기 Xd로 프로토타입을 만들어야해서 우왕좌왕하다가 마디아님덕분에 그래도 어설프게나마 뭐라도 만들어 낼 수있었습니다! 이 강의 덕분에 중국집 메뉴st에서 그래도 조금 발전할수있었네요 좋은강의 감사합니다!!
김경환 : 와 진짜 어캐 이렇게 레이아웃만 봐도 이쁠까... 처음엔 저런 숫자 간격에 왜케 집착하는거지 하면서 봣는데 보면볼수록 나도 외워서 좀 해야 나아질거라는걸 알게되네요 거기다 사진도 어쩜 저렇게 이쁘게 넣으세여;; 넘 부럽다 멋지십니다 감사해요
Haneul Kim : 현업에 있는 사람들도 보기 좋은 너무 유익한 영상들뿐이네요! 항상 좋은 영상 매체를 만들어주시는 마디아님 건승하시길바래요!
NaN : 개발자도 알아 듣기 쉽게 설명 해주시는거 같아요.
돌맹꽁 : 역시 이론 백 번 듣는 것보다 직접 한 번 해보는 게 배우는 게 더 많은 것 같아요.. 너무 잘 봤습니다!!

웹사이트, 모바일 앱 디자인 무료 툴 5가지 | 사이드 프로젝트 꿀템

사이드 프로젝트 만들때 디자인때문에 힘든적 있으시죠? 개발자의 디자인 감성을 뿜뿜 살려줄 정말 유용한 온라인 툴 5가지 + 보너스 하나를 소개해 드립니다 (↙ 자세한 내용)
___________________________

풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/912e50

엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/

.....................................................

00:00 소개
00:21 ❶ 색상 팔레트 - Color Space
02:09 ❷ 그레디언트 - CSS Gradient
03:59 ❸ 꼬불 꼬불 선나누기 - Shape Divider
06:24 ❹ 다양한 SVG -Haikei
08:58 ❺ 이쁜 배경 이미지 - Cool Backgrounds
09:42 보너스 - Dribble 활용법
11:02 안녕!
.....................................................

✨ 관련된 영상들
프론트엔드 입문 유튜브 영상 재생 목록 ⇢ https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y

언급된 사이트들
https://mycolor.space/
https://cssgradient.io/
https://www.shapedivider.app/
https://haikei.app/
https://coolbackgrounds.io/
https://dribbble.com/
.....................................................

☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️

.....................................................

☀️ 연락

채널 문의 ⇢ ellie@dream-coding.com
아카데미 문의 ⇢ info@dream-coding.com

.....................................................


프론트엔드 개발자 되기 입문자편 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y

자바스크립트 기초 강의 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2

개발자라면 누구나 알고 있으면 좋은 지식
https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv

개발자 경력 관리 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3

이력서 작성 방법
https://www.youtube.com/playlist?list=PLv2d7VI9OotTZfvF0s8Vs0gpRtodlTsgg

IT 트렌드
https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r-

개발자 브이로그
https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU

생산력 향상 팁
https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I

.....................................................

#웹사이트#프론트엔드#코딩
드림코딩 : 좀 더 퀄리티 있는 인생을 살기 위해서 유튜브 업로드는 2~3주에 한번씩 하기로 했어요 이렇게 해야 더 장기적으로 건강하게 채널을 운영할 수 있을 것 같아서요 :) 다음에는 Q/A 영상을 제작해 보려고 하는데, 커뮤니티에 최근 글에 답변으로 궁금하신거 꼭 올려주세요 아, 제가 알려드린거 외에도 더 유용한거 있다면 꼭 코멘트로 공유 부탁드려요
하세요안녕 : 오~ 디자인하고는 담을 쌓아서 아는 디자인이라고는 비절스튜디오 오브젝트와 부트스랩 뿐이었는데...와우 진짜 환타스틱한 내용입니다. 고마워요 엘리님~
Beth : 엘리님 너무 감사합니다‍♂️Shape Divider 알기 전까지 어떻게 구상할지 매우 고민했는데 개인 프로젝트에 도움이 되었습니다 공부의지가 한껏 더 올라가네요!!
html기초 강의부터 꾸준히 보고 있었습니다 항상 응원할게요!
bok u : 엘리님이 알려주신 사이트는 진짜 말그대로 너무 유용하고 퀄리티가 좋아요. 특히 3번 4번은 정말.. 이런 거 어떻게 했지 하면서 사이트볼때마다 코드짜여져있는 거 보며 이걸 사람의 머리로 했다고? 의심만 했는데 이런 쉽고 유용한 툴을 제공해주는 사이트가 있었네요.ㅠㅠㅠ 이런 좋은 정보들 나눠주셔서 정말 감사해요♡
강다연 : 엘리님. ㅜㅜ 현재 웹개발자를 꿈꾸며 열심히 취업을 준비하는 취준생입니다 ㅜㅜㅜ 공과전공생이지만 코딩이 조금은 어렵게 느껴질때가 종종 있지만 엘리님 채널에 쉽게 설명되어 있는 영상이 많더라구요!! 참고해서 멋진 개발자 되겠습니다!

모바일웹 제작전 당신이 알아야 할 6가지 - Mobile Web Tip 6

모바일 웹 또는 하이브리드 웹을 만들기 전에
알아둬야할 항목 6가지에 대한 영상입니다.
그 외에 많은 방법이 있겠지만
대표적인 것 몇가지 추려보았습니다 ^^
감사합니다.

P.S 영상 편집이... 매끄럽지 못합니다.. ㅠㅠ.... 화면녹화 편집만 하다가 얼굴이 나오니 편집 난이도가 엄청 올라가네요 ㅠㅠ
그래도 조금이나마 도움이 되셨기를 ㅠㅠ

────────────────────────

리베하얀이 직접 알려드리는 기초부터 포트폴리오 제작까지
340여개의 강의영상을 클래스 101에서 보실 수 있습니다.
https://class101.app/e/Rebehayan_Course_class

────────────────────────

- 리베하얀의 작업환경 -
LG그램 17인치 노트북 : https://link.coupang.com/a/m5i1s
Filco 기계식 키보드 : https://link.coupang.com/a/m5jHX
아이락스 무소음 키보드 : https://link.coupang.com/a/nmHdP
레이저 오로치 마우스 : https://link.coupang.com/a/m5jTC

- 리베하얀의 촬영환경 -
UFO USB 마이크 : https://link.coupang.com/a/m5jZ4
소니카메라 A6400 : https://link.coupang.com/a/nmE72
소니렌즈 35.8 : https://link.coupang.com/a/nmFhj
룩스패드 조명 : https://link.coupang.com/a/nmFc7


위 링크에는 추천인링크가 포함되어 있어서 링크를 통해서 물건을 구매하시게 되면 저에게 소정의 수수료가 지급됩니다.
리베하얀 : 해당 영상에서 설명한 코드는 아래 링크에서 확인 할 수있습니다.
https://m.blog.naver.com/rebehayan/221351314576
김동가리 : 강의 감사합니다~ 모바일 psd를 720으로 받았다면 360기준으로 코딩하고 320해상도는 반응형처럼 별도로 잡아주어야 하나요? 720으로 받은 파일을 320 사이즈를 변환하니 소수점대로 애매하게 떨어지는것이 많은데 이런방식으로 별도 코딩하는것이 맞을까요? ㅠ
김성은 : 하이브리드 앱 디자인을 할때 화면사이즈에 대한 기준을 어떻게 잡아야할까요? 1080*1920으로 추출하면 그 이하 사이즈는 모두 대응이 되는지 궁금합니다
lee Lee : 말씀중에 640px로 제작된 디자인에서 폰트13px 을 나누기 2하여 퍼블리싱에 한다고 하셨는데, 모바일에서 적용되는 최소 폰트 사이즈가 10px로알고 있어서 이러한 경우에 디자인부터 잘못온것으로 알고 있는데, 단순히 폰트사이즈를 2로 나누었을 때 소수점이 나오는 경우의 예를 드실려고 한건지 아니면 640px 디자인에서 폰트가 13px로 사용된것에 이상이 없는 것인지 궁금하네요~
민수 : 모바일 만들 때 반드시 rem만으로 해야하나요? px로도 만들어지던데... 다른 강좌들보면 마치, 안되는것처럼 보여서요

... 

#메이뜰모바일웹

댓글목록

등록된 댓글이 없습니다.

전체 12,398건 1 페이지
게시물 검색
Copyright © jejudc.kr. All rights reserved.  Contact : help@oxmail.xyz