brunch.co.kr

다방은 정말 '혜리 빨'일까?

-UX/UI와 함께 살펴보는 다방 | MBC 라디오 손경제 유니버스 43화 '볼 빨간 주님 방송 가르치기'에는 BGP WORKS의 문희홍 대표가 출연하였다. 문희홍 대표는 개발자 출신 CEO로써, 26살에 다방을 만들어 30살에 2015년 벼룩시장에 매각 후 현재 재고관리 시스템 기업의 대표로 재직 중이다. 문희홍 대표가 다방을 만들게 된 이유는 급하게 방

김새롬

youtube.com

망한 이미지 원본 컬러로 되살리기 | 포토샵 기초

오늘은 컬러가 이상한 이미지의 색감을 원본으로 돌리는 마법 같은 효과를 함께
알아볼 겁니다. 초보자 분들도 너무나 쉽게 하실 수 있는 기능으로
포토샵이 점점 진화하고 있네요!!
오늘 강좌도 많이 배워가셨으면 좋겠습니다

추천, 구독, 알림, 댓글은 큰 힘이 됩니다.
멤버십 가입하면 가입일 기준으로 부터 매월 디자인 원본 파일을 받아보세요.

➤예제파일 다운로드
https://drive.google.com/file/d/1hcsUlrNZ6ynyfndo0n-RQ6TJdK0_EJiF/view?usp=sharing

➤멤버십 가입
https://han.gl/OBONg

➤마디아 사이트
https://www.madia.co.kr

➤캐릭터 유튜브 채널
https://han.gl/9q5gi

➤아래 재생목록에서 수 백개의 디자인 팁을 배워가세요
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
►단톡방1 : https://open.kakao.com/o/gakaJCvb
►단톡방2 : https://open.kakao.com/o/g5bBXBvb
►mail : madia_designer@naver.com

--------------------------------------------------------------------------

►이미지 정보
https://pixabay.com
https://unsplash.com
►그래픽소스
https://www.freepik.com

--------------------------------------------------------------------------

본 디자인은 다양한 해외 벤치마킹을 통해 고민 없이
비주얼 적으로만 디자인되었음을 알립니다.

--------------------------------------------------------------------------

#색감보정 #이미지컬러 #포토샵필터

김새롬

youtube.com

Adobe XD 처음 사용자를 위한! 30분만에 마스터하기 [기초강의 모음]

Adobe XD 처음 배우시는 분들 보세요.
인터페이스부터 와이어프레임-처음 배우시는 분들이 자주하는 질문들까지 기초강의 모음입니다.

#adobexd #uiux #uxdesign

김새롬

youtube.com

Adobe XD | UI키트로 와이어프레임 5분만에 그리기

Adobe XD/UI키트로 와이어프레임 쉽게 그리는 방법입니다.
초보자 분들이 보면 좋으실 거에요.
--------------------------------------------------------------------------------------
Adobe XD는 아래 순서대로 보면서 공부하시면 됩니다.
우선 필요한 용어들을 공부하시고 - 차례로 아래 강의들을 시청하시면 됩니다.

1) 꼭 알아야할- *UI UX 용어 https://youtu.be/pTd9EVm6nQA

2) Adobe XD 설치하기 https://youtu.be/hX5M1U-etMQ

3) Adobe XD 인터페이스 알아보기 https://youtu.be/WXh5MMR5qcs

*처음 사용자 모음 https://youtu.be/kac-R5Onb3k

4) UI키트로 와이어프레임 그리기 https://youtu.be/2HWok4NllRY

​5) 메뉴트리 부터- 와이어프레임까지 https://youtu.be/vL1tLtGHALc

6) GUI 디자인 하기 (사진 다운로드)

-워크스루(온보딩) https://youtu.be/EWhDqwS50jQ

-스플래시 스크린 https://youtu.be/ZVYeNuqPjbM

-메인화면 그리기 https://youtu.be/Nw6AkEXR6aQ

7) 프로토타입 연결하기 https://youtu.be/GsAnlxabfoA

8) 인터랙션 추가

-스플래시 스크린 https://youtu.be/VvtTpjQ17qc

-인터랙션 모음 https://youtu.be/krLzY7phRRI

9) 폰에서 확인하기 (XD앱 다운로드)

10) 제플린 – 개발자 공유 https://youtu.be/FfadwJs4imI
----------------------------------------------------------------------------------------------------------------------

UI키트 출처:
공식 어도비 사이트 / XD 무료 리소스 / UI키트 / XD 와이어프레임 키트
Adobe Official website / XD resources / UI kits / XD wireframe kits
링크는- https://www.adobe.com/kr/products/xd/resources.html
바로 받기 https://www.behance.net/gallery/55462459/Wires-wireframe-kits-for-Adobe-XD?locale=ko


#adobexd #uiux #uxdesign #어도비xd #어도비xd기초

김새롬

velog.io

Instagram UI/UX 분석 및 개선

Instagram UIUX 분석 |Figma로 구현한 것 까지만 분석 및 작성했다.

김새롬

youtube.com

분위기 있는 비 합성 하기 | 포토샵 강좌

추천, 구독, 알림, 댓글은 큰 힘이 됩니다.
멤버십 가입하면 가입일 기준으로 부터 매월 디자인 원본 파일을 받아보세요.
https://han.gl/OBONg

➤예제파일 다운로드
https://drive.google.com/file/d/18GMPnyrF_Y2N3_h2BTHovBZwwnSEmsvH/view?usp=sharing

➤마디아 사이트
https://www.madia.co.kr

➤캐릭터 유튜브 채널
https://han.gl/9q5gi

➤아래 재생목록에서 수 백개의 디자인 팁을 배워가세요
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
►단톡방1 : https://open.kakao.com/o/gakaJCvb
►단톡방2 : https://open.kakao.com/o/g5bBXBvb
►mail : madia_designer@naver.com

--------------------------------------------------------------------------

►이미지 정보
https://pixabay.com
https://unsplash.com
►그래픽소스
https://www.freepik.com

--------------------------------------------------------------------------

본 디자인은 다양한 해외 벤치마킹을 통해 고민 없이
비주얼 적으로만 디자인되었음을 알립니다.

--------------------------------------------------------------------------

#합성 #포토샵 #비

김새롬

youtube.com

뉴모피즘 디자인 가장 쉽게 하는 법[일러스트]

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

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

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

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
--------------------------------------------------------------------------
본 디자인은 다양한 해외 벤치마킹을 통해 고민없이
비쥬얼 적으로만 디자인 되었음을 알립니다.
--------------------------------------------------------------------------
#뉴모피즘 #아이콘 #일러스트

김새롬

brunch.co.kr

디자인을 문법화하다

디자인을 문법화하다 (개요) | 안녕하세요 디퍼블릭입니다.디자이너 여러분은 브랜딩, 편집, 그래픽, 패키지, 웹, uiux, 모션그래픽, 인테리어 중에 한두 개의 분야의 디자인은 하실 겁니다. 이 각각의 다양한 분야의 디자인 목표들은 모두 다 고객들에게 메시지를 전달하거나, 브랜드의 목표된 의도대로 달성할 수 있기 위함일 거예요. 디자인은 소비자와 소통 즉

김새롬

youtube.com

대쉬보드 좌측 메뉴 UI 디자인 방법

어도비 xd를 사용해서 대쉬보드 좌측 메뉴 UI 디자인 방법에 대해서 알아봅니다.

김새롬

youtube.com

Adobe XD : 앱 프로토타입 시작-완성

[App Design]
앱 디자인 강의를 시작합니다. XD 툴로 진행한 여행 앱 UI디자인 진행 과정 입니다.

김새롬

brunch.co.kr

UI 디자인 가이드 : 시각적인 디자인 보정

디자인을 하다보면 가이드를 따르는 것이 물론 중요하지만. 시각적 보정은 필수로 뒤따르게 됩니다.
본문에서는 왜곡되어 보이는 디자인을 눈에 편하도록 보정하는 법에 대해서 설명 해줍니다.

정혜윤

wishket.com

어느 날, 버튼이 나에게 말을 걸었다

버튼은 합의된 디자인 문법을 통해 사용자의 상호작용을 효과적으로 유도하고, 페이지와 페이지를 연결하도록 돕는 아주 중요한 컴포넌트입니다. 그런데 사실 버튼은 ‘눌러라!’라는 메시지 말고도, 더 많은 것들을 사용자에게 이야기해줍니다. 이번에는 버튼이 사용자에게 목소리를 내는 사례에 대해서 정리해봤습니다.

김새롬

brunch.co.kr

배민은 눈감어, 기획자의 쿠팡이츠 UIUX 살펴보기

쿠팡이츠 UIUX 분석 [코드스테이츠 PMB 16기] | 쿠팡이츠.. 좋은데요? 필자는 어떠한 이유에서인지는 모르겠지만, 배달의 민족만을 이용해서 음식을 주문해 왔다. 배달의 민족을 이용했던 이유는 재치 있는 브랜딩, 많고 다양한 점포들, 그리고 익숙함 정도가 아닐까 싶다. 기획자의 입장으로 단지 익숙함 때문에 다양한 서비스를 경험해보지 않는 것은 죄

김새롬

tistory.com

반응형 UIUX | 모바일 UIUX

UI 정보 구조 설계하기 1. 정보 설계 구성 • 수립된 UI/UX 전략을 바탕으로 스마트 문화 앱 UI 디자인 개발에 필요한 정보 구조를 설계할 수 있다. 1. 정보 설계 정보 설계의 목적은 사용자와 앱의 상호작용을 원활하게 하여 사용자가 원하는 정보를 쉽 고 빠르게 찾을 수 있도록 하는 데 있다. 사용자 요구 사항으로부터 도출된 콘텐츠와 기 능 구조를

김새롬

wishket.com

배달 플랫폼, 어떤 전략으로 살아남고 있나? | 요즘IT

작년부터 코로나 19 상황으로 인해서 집에서 배달음식 시켜 드시는 분들 부쩍 많아지셨을 것 같은데요. 국내에서 대표적인 배달 플랫폼으로는 크게 배달의 민족, 요기요, 쿠팡이츠를 떠올릴 것 같아요. 그럼 이렇게 국내 대표 주자 배달 앱들이 각자 소비자들의 마음을 어떻게 사로잡고 있는지 1) 초기 시장 진입 전략, 2) 차별화 전략, 3) 메인 UX, 4) 소

벼랑위의파도

tistory.com

[UI] UI디자인 리서치, 한눈에 볼 수 없나? | 한국편(한글)

모바일 앱/웹 디자인 리서치할때 한장한장 정성들여 캡쳐를 떠야하는 수고로움. 가끔 화면을 한꺼번에 보면서 시각 리서치하길 바랄때가 있습니다. wwit 그런 바램을 실현해준 사이트입니다. '한국의 UIUX 모바일 패턴을 수집합니다.' https://wwit.design/tag/life What Was IT 한국의 UI/UX 모바일 패턴을 수집합니다. wwit

김새롬