jieunlee486의 등록된 링크

키자드에 등록된 총 526개의 포스트를 확인하실 수 있습니다.

Naver Blog

AI가 화면을 만드는 시대, 디자이너는 무엇을 해야 할까?

요즘 디자이너들 사이에서 가장 자주 나오는 질문이 있습니다. "AI가 디자인까지 하면, 디자이너는 앞으로 뭘 해야 하지?" 솔직히 이 질문은 피하기는 어렵습니다. 이제 AI는 단순히 이미지를 만들어주는 수준을 넘어서고 있습니다. 화면 초안을 만들고, 코드를 작성하고, 리서치 내용을 정리하고, 기획 문서까지 작성합니다. 예전에는 디자이너가 Figma에서 화면을 만들고, 개발자는 그 화면을 보고 구현하고, 기획자는 문서를 정리하는 식으로 역할이 비교적 분명했습니다. 그런데 지금은 그 경계가 빠르게 흐려지고 있습니다. 기획자가 AI로 프로토타입을 만들어오고, 디자이너가 코드 기반 화면을 만들고, 개발자가 AI로 만든 UI 초안을 참고합니다. 이제 문제는 "누가 무엇을 만들었는가"가 아니라, 우리가 어떤 기준으로 함께 일할 것인가에 가까워지고 있습니다. AI를 잘 쓰는 것만으로는 부족해졌다. 처음에는 많은 사람들이 AI를 생산성 도구로 받아들였습니다. 글을 빨리 쓰기 위해, 이미지를 만들기

원문보기 내부링크
Naver Blog

[회고] 야심 차게 시작했던 AI 개발 프로젝트, 제가 중단하기로 한 솔직한 이유

안녕하세요! 오랜만에 저의 근황과 함께 생각을 공유해볼까 합니다. 요즘 AI가 정말 '대세'죠. 저도 이 거대한 흐름에 올라타, AI를 활용한 '개발' 프로젝트를 야심 차게 시작했습니다. AI가 개발도 해준다니! 디자이너인 저에게도 정말 매력적인 이야기였거든요. 그런데... 프로젝트를 진행하면 할수록 왠지 모를 물음표가 머릿속을 맴돌았습니다. "내가 지금 잘하고 있는 게 맞나?" 저는 본질적으로 UX/UI 디자이너입니다. 그런데 어느새 AI를 다루는 전문 '개발자'분들의 영역을 기웃거리고 있더라고요. 솔직히 말해서, 제가 아무리 노력해도 이미 그 분야에서 전문성을 쌓아오신 개발자분들을 따라잡는 것은 불가능에 가까워 보였습니다. (그리고 그건 제 역할도 아니었죠.) 그러다 문득 깨달았습니다. "그래, 나는 개발자가 아니지." 저의 강점은 AI 코드를 짜는 것이 아니라, AI라는 이 강력한 도구로 사람들에게 어떤 편리함과 가치를 줄 것인가를 기획하고, 그 경험을 매끄럽게 설계하는 일이었

원문보기 내부링크
Naver Blog

우리 앱에 AI를 넣으면 UX가 좀 더 좋아지나요?

AI 시대에 완전히 바뀌고 있는 디자인의 패러다임, UX에서 AX로의 전환되고 있습니다. UX, UI, 그리고 AX? UI (User Interface) 우리가 보고 만지는 모든 것들이에요. 버튼의 색상, 메뉴의 위치, 폰트의 크기 같은 것들이죠 UX(User Experience) 서비스를 사용하는 전체 경험이에요. 얼마나 편한지, 얼마나 빠른지, 사용 후 기분이 어떤지를 포함합니다. AX(Agent Experience) AI 에이전트가 일하는 경험이에요. 이제 '사용자'가 인간이 아니라 AI가 되는 거죠. AX(Agent Experience) 카페로 비유해 볼게요 일반 카페 (UX 중심) 손님이 메뉴판을 보고 직접 고민해서 선택하고 키오스크에서 주문합니다. 여기서 중요한 건, 메뉴판이 보기 좋은지, 키오스크가 사용하기 편한지예요. AI 지배인이 있는 카페 (AX 중심) 손님은 그냥 말해요. "오늘 피곤한데 기분 좋아질 만한 걸로" AI 지배인이 알아서 메뉴를 구성하고 주방에 주문

원문보기 내부링크
Naver Blog

홈페이지 외주 비용 200만원? 1,500만원? 15년차 디자이너가 짚어주는 5가지 판단 기준

"홈페이지 외주, 얼마가 적정할까요?" 결론부터 말씀드리면 랜딩 페이지는 80~250만원, 반응형 웹사이트는 200~600만원이 일반적입니다. 다만 "얼마"보다 중요한 건 그 비용이 어떤 기준에서 정해지느냐예요. 1LAB Studio(일랩 스튜디오)에서 외주 문의를 받을 때 가장 많은 듣는 질문이 비용입니다. 그런데 같은 "홈페이지"라도 어떤 사이트인지, 어디까지 한 곳에서 맡는지, 어떤 도구로 만드는지에 따라 두 배 이상 차이가 납니다. 이 글에서는 15년 동안 디자인 현장에서 본 견적 기준 다섯 가지를 정리해 드릴게요. 이 기준만 알아도 견적서를 받았을 때 "이게 적정한 가격인가?"를 스스로 판단하실 수 있습니다. 기준 ① 어떤 종류의 사이트인가? 가장 먼저 봐야 할 건 사이트 유형입니다. 같은 외주여도 결과물 성격이 완전히 다르거든요. 서비스 디자인만 (Figma 납품) 빌드 포함 랜딩 페이지 (1p) 80~150만원 130~250만원 반응형 웹사이트 (5p) 200~350만원

원문보기 내부링크
Naver Blog

UXUI 디자이너 연봉 협상 실전 팁

시장가 파악하기 1. 데이터 수집 - 잡코리아, 사람인 연봉정보 - 블라인드, 잡플래닛 실제 재직자 후기 - 디자인 커뮤니티 - 헤드헌터에게 직접 문의 2. 경력별 시장가 - 주니어(1~3년) : 3,500~4,500만 원 - 미들(4~7년) : 5,000~7,000만 원 - 시니어(8년+) : 7,500~10,000만 원+ - 회사 규모, 업종에 따라 ±20% 변동 시니어의 경우 회사 규모(스타트업/중견/대기업), 역할(실무형/매니징 형), 특화 역량(리서치, 전략, 브랜딩 등)에 따라 편차가 더 크기 때문에 상한선을 열어두었습니다. 대기업이나 외국계의 경우 시니어가 1억 이상도 충분히 가능하고, Lead 포지션으로 가면 그 이상도 가능하다고... 경력별 시장가는 회사 규모, 업종에 따라 ±20% 변동이 있다는 점~! 우리 괜히 분노하지 말아요~ (라고 하지만 지난날의 연봉협상들을 생각하면... 연봉을 올리는 방법은 이직 외에는 없더라고요.) 근거 들이대기 1. 포트폴리오 성과 -

원문보기 내부링크
Naver Blog

[프로살림] 높이조절 2단 독서대 추천 — 투명 감성의 책거치대, 컨시어북 실사용 후기

높이조절 2단 독서대 추천 저는 책을 읽을 때 한자리에서 가만히 읽지 못해요. 읽다 보면 허리와 목이 너무 아프거든요. 책을 바닥에 눕히면 목이 아프고, 눈높이에 맞추면 팔이 아프고, 엎드려서 읽으면 허리가 아프고... 하지만! 프로살림 책거치대를 사용하고 나서 너무나 기분 좋게 책을 읽고 있답니다. (높이조절 2단 독서대 추천 글을 준비하며, 실제로 일주일 동안 프로살림 책거치대를 써 봤어요.) 높이 조절도 자유롭고 투명이라 디자인도 예쁘고 자꾸만 독서대 앞으로 가게 되네요. ㅎㅎ 컨시어북 전용 패키징 배송 박스도 넘 예쁜 전용 패키지입니다. 안에 들어있는 독서대 본품에도 꼼꼼하게 뽁뽁이로 잘 감싸져 있어서 깨지거나 흠집은 1도 안날 것 같아요. 프로살림의 철학이 담긴 메시지 박스를 열면 제일 먼저 눈에 들어오는 문구. 프로살림의 철학과 가치관이 잘 담긴 메시지네요. "건강한 자세가 건강한 습관을 만듭니다" 넘 공감돼요. 사용방법 안내서 친절하게도 사용 방법에 대한 안내서도 별도로

원문보기 내부링크
Naver Blog

락토프리라 속 편한 그릭요거트? 상하목장 3일 체험기 (고단백 28g)

2차 콘텐츠 활용이 예정되어 있습니다. 안녕하세요! 저는 우유처럼 유당이 들어있는 제품을 먹으면 속이 불편해지는 체질인데요 ㅠㅠ 요즘 상하목장 고단백 락토프리 유기농 그릭요거트를 3일간 아침 식사 대용으로 직접 먹어보았습니다. 결론부터 말하면, 너무 만족스러운 제품이에요! 속도 정말 편하고 맛도 고소하고 포만감까지! 그럼~ 상하목장 유기농 그릭요거트에 대한 체험기를 하나씩 보실까요~~ 상하목장 유기농 그릭요거트 무가당 플레인 상하목장 고단백 락토프리 유기농 그릭요거트 400g 플레인 제품 이 대용량 플레인 그릭요거트는 유기농 원료 99.9%를 사용하고 설탕, 향료, 색소를 넣지 않은 무첨가 제품이라고 해요. 유기농 원료가 99.9%라니... 더욱 믿음이 갑니다! 상하목장 유기농 그릭요거트 무가당 플레인 또 유당 0%의 락토프리 제품이라 유제품 먹으면 속이 불편한 분들도(저요, 저요!) 안심하고 즐길 수 있다고 해요. 저는 우유나 일반 요거트를 먹으면 더부룩하고 하루 종일 배가 부글거

원문보기 내부링크
Naver Blog

Figma에서 나온 2가지 업데이트

이번 주 Figma에서 나온 2가지 업데이트에 대해서 알아보려고 합니다. 1. Apple UI Kit 3종 세트 공식 지원 iPhone, Mac, Apple Watch, Vision Pro 디자인 요소들이 Figma에 쏘옥~! 더 이상 Apple 공식 사이트에서 파일 찾아 헤맬 필요 없음 iPhone, Mac, Apple Watch, Vision Pro 디자인 요소들이 Figma에 쏘옥~! 2. Figma Make 템플릿 기능 팀에서 한 번 만든 완벽한 템플릿을 계속 재활용 신입 디자이너도 바로 고퀄리티 작업 시작 가능 팀에서 한 번 만든 완벽한 템플릿을 계속 재활용 두 기능 모두 시간 단축과 품질 향상에 직접적으로 도움이 되는 실용적인 변화네요. 기본에는 왜 불편했을까요? Apple 디자인 작업의 고층 파일 찾기 : Apple Developer 사이트에서 UI Kit 다운로드 → 압축 해제 → Figma로 임포트 → 정리하는데 30분. 버전 관리 : Apple이 업데이트하면 또다시

원문보기 내부링크
Naver Blog

Figma Make 써보셨나요?

2025년 들어 Figma가 공개한 Figma Make는 단순한 AI 기능이 아닙니다. 이제는 디자이너가 문서와 자연어 지시만으로 UI 디자인을 만들고, 코드로까지 확장할 수 있는 시대가 열린 거죠. 저도 직접 실험해 봤습니다! 놀랍게도 PRD(제품 요구사항 문서)만 붙여 넣어도 화면 디자인이 자동으로 생성되더라고요. 공식 문서에서는 '프롬프트 기반 기능' 정도만 강조되어 있지만, 실제로 사용해 보니 훨씬 더 강력했어요. 파일생성 메뉴 맨 오른쪽에 Make Figma Make, 어떻게 작동하나? 프롬프트 → 코드 변환 : "로그인 화면 만들어줘"라고 입력하면, 바로 React + Tailwind CSS 기반 코드로 동작하는 화면이 생성됩니다. 기존 디자인 강화 : 정적인 Figma 프레임을 불러와 버튼 동작, 애니메이션, 데이터 연동 같은 기능을 입힐 수 있습니다. 대화형 개선 : 결과물이 마음에 안 들면, "배경을 다크 모드로 바꿔줘" 같은 지시로 즉시 수정 가능합니다. 코드 확인

원문보기 내부링크
Naver Blog

맥북부터 네이버페이까지! 경품 이벤트

즐겨 찾는 '톨디'에 드디어 친구추천 제도가 생겼습니다~~!! 안 그래도 친추 기능이 있으면 좋겠다고 생각했는데... 툴디팀에서 제 맘을 아셨나 봐요 ㅎㅎㅎㅎ 그럼 빠르게 알아볼까요~? 툴디 친구 초대 이벤트 툴디 친구추천하면 뭐가 좋을까? 툴디는 친구를 추천하면 추천한 사람과 친구 모두 5,000포인트씩, 총 10,000포인트를 받을 수 있대요. 예전엔 유료 템플릿이나 요소를 살 때만 쓸 수 있었던 포인트가 이제는 Pro 구독 결제에도 사용 가능하다고 하니 활용도도 훨씬 넓어졌습니다! 충전 포인트 VS 프로모션 포인트 뭐가 다른데? 이번 제도 개편에서 눈에 띄는 부분은 프로모션 포인트가 새로 생겼다는 점이에요. 충전 포인트는 직접 충전해서 사용하는 포인트로 유효기간이 5년, 프로모션 포인트는 이벤트나 마케팅 참여 시 지급되는 포인트로 유효기간이 30일로 훨씬 짧아요. 프로모션 포인트 30일 후 자동소멸 안내 30일은 좀 짜다... 싶었지만, 빨리 쓰라는 메시지 같아서 반대로 동기부

원문보기 내부링크
Naver Blog

포토샵보다 쉽고 성능은 더 좋은 - 나노 바나나

최근 나노 바나나라는 이미지 생성·편집 모델이 열풍입니다! 나노 바나나는 정체불명의 이미지 생성·편집이 가능한 AI 모델로 LMArena라는 벤치마크 사이트의 이미지 편집 리더보드에서 1위를 차지했을 정도로 성능을 인정받았습니다. 익명으로 공개 테스트를 하였기 때문에 어디에서 만들어졌는지 온라인 커뮤니티에서 큰 화제가 되었죠. 압도적으로 구글이 만들었다는 얘기가 많았는데 8월 26일, 나노 바나나의 실체가 밝혀졌습니다. 구글 코리아 블로그에서 나노 바나나 모델이 제미나이 앱에 통합되었다고 발표된 것이죠. 역시나 구글 거였습니다. https://blog.google/intl/ko-kr/company-news/technology/gempix-nano-banana-kr/ 나노 바나나(Nano Banana)의 공식 명칭은 Gemini 2.5 Flash Image로 구글 딥마인드(DeepMind) 팀이 개발한 최첨단 이미지 생성 및 편집 AI 모델입니다. 그런데 나노 바나나가 기존 이미지 생

원문보기 내부링크
Naver Blog

멜라토닌 영양제 추천 (식물성, 5MG)

안녕하세요! 오늘은 체험단으로 받아본 뉴로랩스 식물성 멜라토닌에 대한 솔직한 후기를 남겨보려고 해요. 뉴로랩스 식물성 멜라토닌 5mg 함유 굿 나잇 요즘 스트레스 때문인지 잠들기가 정말 힘들더라고요. 침대에 누워도 한두 시간은 뒤척이다 겨우 잠드는데... 고양이님이 중간에 자꾸 깨워서..ㅠㅠ 아침에 일어나면 개운하지도 않고... 이런 날이 반복되니까 일상생활에도 지장이 생기더라고요.ㅠㅠ 그래서 열심히 수면 보조제를 찾고 있었는데 멜라토닌이 수면에 도움이 된다고 하는 거예요. 오호라~! 뉴로랩스 식물성 멜라토닌 5mg 함유 굿 나잇 여러 멜라토닌 영양제를 찾아보다가 뉴로랩스의 제품을 알게 되었어요! 뉴로랩스 식물성 멜라토닌 5mg 함유 굿 나잇 뉴로랩스 식물성 멜라토닌은 1정당 100% 식물성 멜라토닌을 5mg 함유하고 있어요. 그런데 왜 꼭 5mg일까? 동물성하고 식물성이 뭐가 다를까? 궁금해졌어요. 뉴로랩스 식물성 멜라토닌 5mg 함유 굿 나잇 멜라토닌은 시중에 1mg, 3mg,

원문보기 내부링크
Naver Blog

일잘디.랩 로고 디자인

일잘디.랩 로고 디자인 일잘디.랩 로고 디자인 일잘디.랩 로고 디자인 일잘디.랩 로고 디자인 일잘디.랩 로고 디자인 일잘디.랩 로고 디자인 일잘디.랩 로고 디자인 일잘디.랩 로고 디자인 일잘디.랩 로고 디자인 일잘디.랩 로고 디자인 #일잘디랩 #로고 #브랜드디자인 #logo #BI #브랜딩 #퍼스널브랜딩 #1인기업 #일잘러 #로고디자인 #일잘하는디자이너 #디자인에이전시 #1인에이전시

원문보기 내부링크
Naver Blog

무료 포토카드, 최애 포토카드 만들기

라떼는 말이죠~ 포토카드 이런 거 없었는데요~ㅋㅋㅋㅋㅋㅋ 요즘 덕질의 기본은 포토카드라면서요? 그래서 오늘은 포토카드를 만들어보려고 합니다! 제가 요즘에 넘 귀여운 '윈터'에 빠졌거든요~~ 여자 아이돌을 좋아하게 될 줄이야~~ㅋㅋㅋㅋ 하지만 넘 귀여워서 눈을 뗄 수가 없어요~~ 역시 귀여우면 짱입니다!! 포토카드는 첨 만들어봐서... 무엇부터 해야 할지 모르겠네요~ 일단 툴디를 열어봅니다. 디자인 시작 로그인 후 '디자인 시작' 버튼을 클릭해서 디자인 편집 페이지로 넘어가요~ 포토카드 디자인 서치 왼쪽 메뉴 바에서 '템플릿'을 클릭하고 포토카드에는 어떤 템플릿들이 있는지 살펴보았어요. 오~ 다양한 포토카드가 있네요. 사진이 들어간 포토카드뿐만 아니라 네임텍이나 명절 카드 등의 템플릿도 많아요. 템플릿 선택 왼쪽 상단에서 '크기 조정'을 클릭하고 인쇄 탭에서 '포토카드 세로' 템플릿을 선택합니다. 캔버스 사이즈 확인 캔버스가 자동으로 '포토카드 세로' 사이즈로 변경이 되었어요. 음~

원문보기 내부링크
Naver Blog

솔로프리너, 퇴사 전 이건 꼭 준비하자!

안녕히 계세요 여러분~~ 직장인들은 누구나 마음속에 사직서를 품고 살죠. 하지만 막상 퇴사를 고민해 보면 "과연 내가 혼자서도 잘 해낼 수 있을까?" 라는 불안감이 몰려옵니다. 저 역시 여러 번 퇴사와 복귀를 반복하다가, 이제는 솔로프리너로 5개월째 살아가고 있습니다. 그 과정에서 깨달은 건 단 하나! 독립에는 철저한 준비가 필요하다는 것입니다. 오늘은 제가 직접 경험하면서 느낀, 퇴사 전 꼭 준비해야 할 것들을 정리해 보겠습니다. 1. 충분한 자금 확보가 최우선 솔로프리너 준비에서 가장 중요한 건 단연 돈입니다. 최소 6~12개월 치 생활비는 확보한 뒤 퇴사해야 해요. 여기서 창업 자금은 생계비와 별도로 미리 계산해서 준비하고요. 생활비랑 자금이 없는 상태에서 퇴사를 할 경우 금전적인 압박에 결국 다시 회사로 돌아가게 되거든요. 저도 "다시는 회사 생활 안 할 거야!" 하면서 위풍당당하게 퇴사했지만 통장이 텅장되자 불안함을 못 견디고 다시 취업했어요. 그리고 금방 독립을 꿈꾸며 또

원문보기 내부링크
Naver Blog

가을 독서 캠페인 - 소셜미디어 템플릿 만들기

여름이 지나가고 있는 거죠? 너무... 더워요... 입추도 말복도 지났는데... 더워요... 9월 초가 되면 좀 선선해질까요? 9월이면 벌써 가을이네요~ '가을'하면 무엇이 가장 먼저 떠오르시나요? 저는 꽃게, 전어, 간장게장, 굴, 대하 등등이 생각나요. 다 먹는 거! ㅋㅋㅋㅋㅋㅋㅋ 에헴! 가을 하면 역시 독서의 계절이죠!(갑자기?ㅋㅋㅋㅋ) 그래서 이번에는 독서 캠페인 템플릿을 만들어볼까 해요. 캠페인이니까... 홍보용 소셜 템플릿으로 가야겠네요. 자! 그럼 오늘도 툴디로 디자인을 해 볼까요~~? 템플릿 살펴보기 먼저 소셜미디어 템플릿에는 뭐가 올라와 있나 살펴봅니다. 크리에이터 입장에서... 혹시라도 저와 컨셉이 겹치는 디자인이 있다면 피해 가야 하니까요~ 하지만 툴디로 직접 사용할 디자인을 하실 거라면 가장 비슷한 템플릿을 활용해서 디자인하시는 게 훨씬 효율적이죠. 가을 독서 템플릿은 있지만 저랑 타깃이 다르니 같은 소재로 가도 괜찮을 것 같아요. 소셜미디어 게시물 선택 디자인

원문보기 내부링크
Naver Blog

무료 로고 제작, 고퀄리티로 빠르고 쉽게 만들기

그거 아세요? 무료 디자인 플랫폼인 툴디에서 로고 제작도 할 수 있답니다! 디자인 툴은 못 다루지만 로고를 직접 만들고 싶으신 분. 무료로 로고를 만들고 싶으신 분. 급하게 로고 디자인이 필요하신 분. 고퀄리티 로고를 만들고 싶으신 분. 모두 모두 모여보세요~! 지금부터 고퀄리티의 로고를 무료로 쉽고 빠르게 만드는 방법을 알려드릴게요~! 템플릿 선택 툴디 사이트에서 회원가입 또는 로그인 후, 상단 오른쪽에 있는 [디자인 시작] 버튼을 클릭합니다~ 그럼 위와 같은 디자인 편집 툴이 열리는데요 왼쪽 메뉴바에서 [템플릿]을 선택합니다. 로고 디자인 선택 [모든 템플릿] 선택 폼을 클릭하면 다양한 디자인 템플릿을 볼 수 있어요. 저는 로고를 만들 거니까 [로고 디자인] 템플릿을 선택했습니다. 그럼 오른쪽에 편집 창의 캔버스가 자동으로 템플릿 크기가 로고 디자인 사이즈로 변경됩니다. 다양한 로고 디자인 정말 다양하고 예쁜 로고 디자인이 많네요. 템플릿 고르기 그중에서 저는 한눈에 들어온 [툴

원문보기 내부링크
Naver Blog

크러쉬(Crushhh) 로고 디자인

크러쉬(Crushhh) 로고 디자인 크러쉬(Crushhh) 로고 디자인 크러쉬(Crushhh) 로고 디자인 크러쉬(Crushhh) 로고 디자인 크러쉬(Crushhh) 로고 디자인 크러쉬(Crushhh) 로고 디자인 크러쉬(Crushhh) 로고 디자인 크러쉬(Crushhh) 로고 디자인 크러쉬(Crushhh) 로고 디자인 크러쉬(Crushhh) 로고 디자인 크러쉬(Crushhh) 로고 디자인 크러쉬(Crushhh) 로고 디자인 크러쉬(Crushhh) 로고 디자인 #로고 #logo #BI #로고디자인 #브랜드디자인 #브랜딩 #크러쉬 #심볼 #워드마크 #슬로건 #그래피티 #graffiti #마스크 #익명

원문보기 내부링크
Naver Blog

예술적 매체를 적용하는 프롬프트

미드저니에서는 예술적 개념의 다양한 단어를 조합하여 좀 더 창의적인 이미지를 만들 수 있습니다. 저는 고양이를 좋아하니까~ "cat"이라는 소재로 어떤 다양한 조합들이 나오는지 함 볼까요? cat 프롬프트 : [ ] style cat Block Print 블록 인쇄 Block Print style cat Block Print style cat Ballpoint Pen Sketch 볼펜 스케치 Ballpoint Pen Sketch style cat Ballpoint Pen Sketch style cat Cyanotype 시아노타입 Cyanotype style cat Cyanotype style cat Graffiti 그래피티 Graffiti style cat Graffiti style cat Paint-by-Numbers 페인트 바이 넘버 Paint-by-Numbers style cat Paint-by-Numbers style cat Risograph 리소그래프 Risograph st

원문보기 내부링크
Naver Blog

귀여운 병아리 캐릭터로 프레젠테이션 만들기

안녕하세요~! 오늘은 툴디에서 캐릭터 요소를 사용하여 템플릿을 제작해 보겠습니다~ 어떤 템플릿을 만들지 고민이네요~ 콘텐츠 > 요소 선택하기 먼저 콘텐츠 메뉴에서 요소 메뉴를 클릭합니다. 다양한 요소들 요소 페이지에 들어오시면 디자인에 사용할 수 있는 다양한 요소들을 볼 수 있어요. 캐릭터 요소 검색 그럼 어떤 캐릭터가 있는지 먼저 검색해 볼게요. 꺄아~~ 너무 귀여운 캐릭터들이 많네요 ㅎㅎㅎ 맘에 드는 캐릭터가 너무 많아서 고를 수가 없네요~ 병아리 요소 검색 고민하다가 "병아리" 캐릭터로 검색을 해보았어요. 우왕~ 다 귀여워요~ㅎㅎ 어떤 병아리로 골라야 할까요? 귀여운 병아리 선택 맘에도 들어야 하지만 템플릿을 만들려면 여러 개로 묶어서 쓸 수 있는 세트로 찾는 게 좋을 것 같았어요. 한 포즈의 캐릭터보다는 여러 포즈의 캐릭터가 더 재미있잖아요? 귀엽고 포즈가 많은 캐릭터를 찾았다면 [콘텐츠로 디자인 시작]으로 디자인을 시작해 봅시다~~~ 병아리 요소로 템플릿 만들기 제가 고른

원문보기 내부링크
Naver Blog

시원시원한 비즈니스 프레젠테이션 만들기

안녕하세요~! 오늘은 시원한 파란색이 가득한 프레젠테이션을 만들어 볼게요. 날이 더우니까 시원한 색상이 당기네요! ㅎㅎ 자, 그럼 툴디를 열어볼까요? 디자인 시작 툴디 메인 페이지에서 오른쪽 상단에 있는 '디자인 시작'을 클릭하여 에디터로 진입합니다. 템플릿 리서치 툴디 디자인 편집창 왼쪽 사이드 메뉴바를 보시면 '템플릿' 메뉴가 있어요. 디자인을 시작하기 전에 구상한 디자인과 비슷한 디자인이 있는지 확인해 봅니다. 음~ 제가 만들고 싶은 디자인의 템플릿이 없네요. 그럼 처음부터 디자인을 시작해 볼까요? 크기 조절 > 프레젠테이션 선택 상단 바에서 왼쪽에 있는 '크기 조정'을 클릭합니다. 다양한 템플릿의 사이즈를 볼 수 있어요. 저는 프레젠테이션을 만들 거니까 '프레젠테이션' 클릭! 캔버스가 자동으로 프레젠테이션 크기로 변경됩니다. 이제 메인 컬러를 골라볼까요? 저는 채도가 좀 높은 시원한 파란색이었으면 좋겠어요. 프레젠테이션의 첫 장은 시원한 파란색으로 깔아보겠습니다~ 패턴 배경

원문보기 내부링크
Naver Blog

미드저니(Midjourney)를 시작해 봅시다!

미드저니는 디스코드(Discord)와 공식 웹사이트를 통해 사용할 수 있습니다. 아쉽게도 미드저니는 무조건 유료 버전을 구독해야 사용할 수 있습니다. (무료 버전이 없어영... ㅠㅠ) 다양한 구독 플랜이 있으니까 그 차이점을 확인하고 나에게 맞는 플랜을 선택하는 것이 좋습니다. 저는 디스코드보다는 웹사이트가 더 쉬우니까~ 미드저니 공식 웹사이트에 접속하여 구독하는 방법을 알아보겠습니다. 회원가입 / 로그인 midjourney.com 에 방문하여 Sign Up 을 클릭합니다. 미드저니 회원가입 2. 회원가입에는 두 가지 옵션이 있어요. 디스코드로 가입하기 기존 디스코드 계정을 연결하거나 새 계정을 만듭니다. 디스코드 로그인 정보가 미드저니 사용자 이름 정보로 사용됩니다. 디스코드 계정을 인증합니다. 구글(Google) 계정으로 가입하기 미드저니 회원가입 옵션 선택 구독 등급 회원가입 후 왼쪽 하단의 Account를 클릭하여 Manage Subscription으로 진입합니다. 미드저니

원문보기 내부링크
Naver Blog

템플릿으로 돈 번다고?

포토샵 몰라도 디자인해서 팔 수 있다고? 템플릿을 만들어서 판매하면 수익이 난다고? 게다가 무료로 올려도 돈이 들어온다고? 요즘 여기저기서 '툴디(tooldi)'라는 이름을 자주 들었어요. 툴디가 어떤 플랫폼인지, 수익은 어떻게 나는지, 실제로 쓸만하지 그래서 한 번 정리해 봤습니다. https://www.tooldi.com/ 툴디 사이트 툴디는 어떤 플랫폼인가요? 툴디는 디자인 제작과 판매가 동시에 가능한 올인원 플랫폼이에요. 디자인툴 기능도 있고, 마켓플레이스 역할도 하죠. PPT, 카드 뉴스, SNS 콘텐츠 등을 쉽게 만들고 스톡처럼 판매까지 가능해요! 디자인을 잘 몰라도 쓸 수 있는 간편한 에디터와 수익화를 위한 구조가 잘 짜여 있어서 디자인툴 초보자 + 수익화 입문자 모두에게 잘 맞는 플랫폼이에요. https://www.tooldi.com/ 크리에이터 활동 범위 https://www.tooldi.com/ 크리에이터 티어 https://www.tooldi.com/ 창작 리워드

원문보기 내부링크
Naver Blog

요즘 대세 토마토를 주제로 SNS 템플릿 만들기

두근두근 툴디의 첫 사용! 늘 사용하던 익숙한 툴을 벗어나 새로운 디자인 툴을 탐색하는 것은 디자이너에게 큰 즐거움이자 영감을 주는 일이죠! 툴디 메인 화면 회원가입을 하고 사이트에 들어가면 오른쪽 상단에 '디자인 시작' 버튼이 있어서 디자인을 바로 시작할 수 있어요. 또는 카테고리별 템플릿을 선택하여 에디터로 들어갈 수 있답니다. 프레젠테이션, 굿노트, 유튜브, 소셜미디어, 카드뉴스, 배경화면, 명함, 포스터, 이벤트팝업, 북커버, 하이배너까지... 정말 다양한 카테고리에서 툴디를 사용할 수 있더라고요. 하나씩 다 사용해 볼 생각을 하니 너무 설레었어요 ㅎㅎㅎ 일단 첫 사용이니까 가장 쉬울 것 같은 "소셜미디어"를 만들어 보기로 했어요. 저는 온전히 툴디의 기능을 파악하고 싶어서 템플릿을 사용하지 않고 직접 디자인해보기로 하였어요. 바로 툴디로 고고? 아니죠~ 디자인에 들어가기 전에 꼭~ 기획을 먼저 해주세요! 어떤 주제와 소재로 디자인할 것인지, 라이팅은 어떻게 쓰고 레이아웃은

원문보기 내부링크
Naver Blog

제주에서 숨 고르기 - 나를 위한 2박 3일 쉼표 여행

툴디 서포터즈 2주 차 미션은 '여행 계획표' 만들기예요. 디자인 미션으로 시작된 여행 계획표 만들기. 저는 "제주"를 선택했어요. 일상을 살아내다 보면, 가끔은 잠깐 숨을 고를 수 있는 시간이 필요할 때가 있잖아요. 그럴 땐 멀리도 말고, 적당히 멀고, 충분히 아름다운 곳. 제주가 딱인 것 같아요. 디자인에 들어가기 전에 기획 먼저~ "복잡한 건 모두 내려두고, 나에게 집중하는 시간"을 주제로 여행 계획표를 짜고 한 편의 에세이처럼 나를 위한 프레젠테이션으로 만들어봤습니다. 노션으로 기획 해보기 여행의 구성 - 감정과 동선의 흐름 Day 1 - 동쪽의 숲과 바람 비자림에서 천천히 걷고 평대리 해변 근처에서 바다를 보며 전복 한 점 오름에 올라 제주의 바람을 얼굴로 맞고 구좌읍의 독채 펜션에서 조용히 하루를 마무리 Day 2 - 서쪽의 빛과 노을 협재에서 에메랄드빛 멍 오설록 티 뮤지엄에서 향긋한 차 한 잔 신창 풍차 해안 도로에서 가장 제주다운 노을과 마주. Day 3 - 도시의

원문보기 내부링크
Naver Blog

미드저니에서 이미지 만들기

미드저니(Midjourney)를 시작해 봅시다! 미드저니는 디스코드(Discord)와 공식 웹사이트를 통해 사용할 수 있습니다. 아쉽게도 미드저니는 무조건 ... blog.naver.com 미드저니 구독은 완료하셨나요? ↑ 미드저니는 유료만 지원함으로 아직 구독 전이 시라면 먼저 구독을 완료해 주세요~ https://www.midjourney.com/ 자, 그럼 이제 이미지를 만들어 볼까요? 1. Create 페이지로 이동 (https://www.midjourney.com/imagine) 미드저니에서 Create 페이지로 이동합니다. Create 페이지는 이미지가 구현되고 있는 상황을 실시간으로 확인할 수 있는 페이지예요. 2. Imagine bar 이용 페이지 상단에 보시면 검색 바같이 생긴 것이 바로 Imagine bar입니다. 저는 처음에 검색 바인 줄 알았어요. ㅋㅋ 여기에 만들고 싶은 이미지의 프롬프트를 입력합니다. 저는 "a woman in wearing scarf in

원문보기 내부링크
Naver Blog

미드저니 프롬프트란?

미드저니에서 이미지 만들기 미드저니 구독은 완료하셨나요? ↑ 미드저니는 유료만 지원함으로 아직 구독 전이 시라면 먼저 구독을 완료... blog.naver.com 미드저니에서 이미지를 만들어 보셨나요? ↑ 그냥 영문으로 텍스트를 넣으면 되는 거구나~ 라고 생각하시면 안 돼요. (실은 제가 첨에 그랬어요 ㅋㅋㅋㅋㅋ) Imagine bar에 올바른 프롬프트를 작성해 주면 좀 더 퀄리티 높은 이미지를 만들 수 있답니다. 그렇다면 프롬프트는 무엇일까요? 요즘 프롬프트라는 용어는 많이 들어보셨을 거예요. 미드저니에서 프롬프트는 원하는 이미지 유형을 미드저니에게 알려주는 텍스트나 문구를 의미해요. 프롬프트는 한 단어, 완전한 문구 구분 없이 사용할 수 있어요. 프롬프트 팁 및 요령 미드저니에서는 짧고 간단한 프롬프트가 일반적으로 가장 좋은 이미지를 생성해요. 원하는 것을 명확하게 설명하는 문구를 사용하는 것이 좋습니다. 아이디어를 간략하게 요약하여 전달한다고 생각하시면 돼요. 긴 목록이나 너무

원문보기 내부링크
Naver Blog

"견우와 선녀" 감성의 카드 뉴스 템플릿 만들기

안녕하세요~! 이번 주는 툴디로 최애 콘텐츠 감성 템플릿을 제작해 볼 거예요~ 제가 요즘 "견우와 선녀"에 푹 빠져 있거든요! 넘 귀여운 견우와 선녀 커플~~~ 퇴폐미의 봉수까지!!! 하아... 봉수를 얼른 퇴치해야 하는 건 맞는데.. 봉수가 넘 불쌍해요 ㅠㅠㅠㅠㅠㅠ 어디 봉수가 쓸만한 남는 몸뚱어리 하나 없나? 봉수가 제발 행복해지길 바라는 마음으로 열심히 챙겨 보고 있습니다. 그럼 본격적으로 디자인을 시작해 볼까요? 툴디 에이터 창 툴디 에디터 창을 열어줍니다. 저는 이번에 카드 뉴스에 도전을 해볼 거예요! "모든 템플릿"에서 "카드 뉴스"를 선택하면 캔버스가 사이즈에 맞게 변경됩니다. 카드 뉴스 사이즈는 기본 캔버스 사이즈와 같아서 변동 사항이 없네요. 다양한 카드 뉴스 왼쪽 템플릿 창을 보니 요즘 인기 있는 카드 뉴스 템플릿 리스트가 있네요. 다양하고 예쁜 카드 뉴스 템플릿이 많아요! 고양이 카드 뉴스 오늘 제가 제작할 카드 뉴스의 내용은 초보 집사를 위한 고양이에 대해서 알

원문보기 내부링크
Naver Blog

[디자인 시스템] 아이콘과 일러스트 스타일

디자인 시스템 - 아이콘과 일러스트 스타일 아이콘과 일러스트 스타일도 디자인 스타일로 정의해두면 브랜드 아이덴티티 강화와 디자인의 일관성을 유지하는데 큰 도움이 됩니다. 아이콘 및 일러스트 스타일 구성하기 아이콘과 일러스트는 주로 UI 요소의 가독성을 높이고 정보 전달을 위해 사용됩니다. 아이콘 스타일 정의 아이콘 유형 아이콘에는 여러 가지의 유형이 있습니다. 브랜드의 아이덴티티에 따라 어떠한 스타일로 사용할지 명확히 구분하여 일관성을 유지해야 합니다. - Line Icon (선형 아이콘) 가벼운 느낌, 단순함 - Solid Icon (채운 아이콘) 강한 존재감, 강조 효과 - Duo-Tone Icon (이중 톤 아이콘) 포인트 컬러 강조 아이콘 크기와 규격 아이콘의 크기를 동일하게 통일해야 다양한 페이지에서 균형을 맞출 수 있습니다. 이름 사용 영역 크기(px) small 버튼 16 × 16 medium 내비게이션 24 × 24 Large 헤더 32 × 32 Xlarge 배너 48

원문보기 내부링크
Naver Blog

[디자인 시스템] 쉐도우(Shadow)와 깊이(Elevation)

디자인 시스템 - 쉐도우와 깊이 디자인 시스템을 구성하면서 종종 간과되기 쉬운 파운데이션 요소 중 하나가 바로 쉐도우(Shadow)와 깊이(Elevation)입니다. 하지만 이 요소는 UI의 계층구조, 시각적 명확성, 인터랙션 힌트를 전달하는 데 중요한 역할을 합니다. 쉐도우과 깊이의 개념 쉐도우(Shadow) 쉐도우는 UI 요소에 광원 효과를 시뮬레이션하여 요소가 떠 있는 것처럼 보이게 해주는 시각적 도구입니다. 기능 계층 구분 포커스 유도 인터랙션 강조 깊이(Elevation) 깊이는 UI 요소가 화면 상에서 얼마나 위에 떠 있는지를 의미하는 상대적 개념입니다. Material Design에서는 Elevation 단계를 수치로 정의(0~24dp) 해서 표현하고 있습니다. 기능 요소의 중요도 전달 인터랙션 상태 반영(예 : hover → 강조된 그림자) 콘텍스트의 흐름 전달(모달, 드룹다운 등) 디자인 시스템에서 어떻게 정의해야 할까? 디자인 시스템에서는 쉐도우를 토큰(변수)처럼

원문보기 내부링크
Naver Blog

[디자인 시스템] 모션과 인터랙션 원칙

디자인 시스템 : 모션과 인터랙션 원칙 정리 안녕하세요? 오늘은 디자인 시스템의 파운데이션 구성 요소 중 "모션과 인터랙션"에 대해서 알아보려고 해요. 디자인 시스템을 구축할 때 저도 모션과 인터랙션에 대해서는 정리를 따로 해본 적이 없습니다. 핸드오프 파일에 모션이 들어가는 요소에만 별도의 메시지와 로띠파일을 첨부하긴 했는데 생각해 보니... 파운데이션으로 정의를 해 놓으면 편할 것을... ㅋㅋㅋㅋㅋ 저도 공부하는 마음으로 정리해 보겠습니다. 모션과 인터랙션 왜 중요한가? 모션과 인터랙션은 사용자의 흐름을 자연스럽게 유도하고, 인터페이스를 생명력 있게 만드는 요소입니다. 사용자의 행동에 대한 피드백 제공 UI 요소의 상태 변화 시 명확한 전환 브랜드의 톤 & 무드를 시각적으로 전달 복잡한 구조 속에서 주의 흐름을 유도 어떤 항목들을 정의해야 할까? 1. Easing 함수 애니메이션의 속도 변화 곡선 (가속/감속 느낌 조절) 추천 사용 값 (CSS 기준) ease-in-out (기본

원문보기 내부링크
Naver Blog

이제는 진짜 "나"로 일해보려고 합니다.

그동안 블로그를 인사이트, 일상, 디자인 이야기 등으로 가볍게 써왔습니다. 하지만 오늘부터는 조금 더 명확한 방향을 갖고, 일과 생각을 정리해 보려 합니다. 15년 전, 지인의 오픈마켓 상세페이지를 디자인하면서 웹디자이너로 첫 발을 내디뎠고 그 후로 SI, 스타트업, 중소기업, 상장기업 등 다양한 환경에서 UX/UI 디자인 실무를 경험했습니다. 덕분에 LMS, 뷰티, 블록체인, 운세, 세금, AI 등 여러 도메인의 웹 서비스와 앱 디자인을 경험할 수 있었습니다. 웹디자이너에서 UX/UI 디자이너로 자연스럽게 타이틀이 바뀐 지도 8년. 이 짧지 않은 시간 동안 저는 평균 1년 정도씩 회사를 다니며 잦은 이직을 반복했습니다. 한 회사에 3번이나 재입사한 재밌는 경력도 있지만 결국 정착하지는 못했죠 새로운 도메인, 다른 프로젝트, 다양한 문제를 해결해 보고 싶다는 욕심이 늘 컸기 때문입니다. 저는 디자인이 정말 잘 맞는 사람인 것 같아요. 일단 책상에 앉으면 화장실 가는 시간도 아까울 정

원문보기 내부링크
Naver Blog

프리랜서 준비 1주 차 회고

드디어 저도 "그 길"을 걷기로 결심했어요! 회사에만 에너지 쏟던 삶에서 벗어나, 제 일에 집중할 수 있는 구조를 만들기 위한 첫 번째 주. "시작했다"라고 말하면 뭔가 거창한 것 같고, "준비를 시작했다"라는 표현이 더 솔직한 것 같습니다. 아직 갈 길은 멀지만, 그래도 첫 발 내디딘 제가 좀 기특하네요. ㅎㅎㅎㅎ 회사와 주 3일 출근 협상 성공! 다행히 회사와 잘 협의가 되어 6월부터는 주 3일만 출근하게 되었어요. 물론 그만큼 연봉은 조금 줄지만, 저는 시간을 얻었고 회사는 저를 놓치지 않았으니 서로 윈윈 아닐까요? 푸핫~ 이번 딜은 아~~주 흡족한 딜이었어요~ㅎㅎㅎㅎ 감사합니다, 대표님~! 재미 삼아 디자인 프리랜서 시장은 어떤지 ChatGPT한테 물어봤어요. 서론, 본론, 결론~ 복잡한 얘기는 쏙 빼고, 요약만 하자면 프리랜서 디자인 시장은 빠르게 진화하고 있으며, 단순 디자인 기술 이상의 전략적 브랜딩과 기획 역량이 성공을 가르는 요소가 되고 있다. 본 보고서를 통해 다음

원문보기 내부링크
Naver Blog

프리랜서 준비 2주 차 회고

이번 주는 컨디션이 좋지 않아 하루하루가 유독 길게 느껴지네요 ㅠㅠ 전신을 두들겨 맞은 듯한 근육통과 어지럼증, 두통까지... 그럼에도 불구하고 하루하루를 부지런히 살고 있습니다. 토닥토닥... 외주 프로젝트 진행 W사의 단발성 의뢰 이마트 무빙워크용 TV 광고 화면 디자인과 앱에 들어가는 띠배너, 친구 추천 등록 바텀 시트 디자인을 진행했습니다. 무빙워크용 디자인에는 미드저니로 만든 모델을 활용했는데 클라이언트께서 너무 좋아해 주셔서 뿌듯했습니다. AI 툴을 디자인 작업에 활용하면 얼마나 효율적인지 직접 경험할 수 있었던 좋은 기회였어요. 덕분에 미드저니를 더 열심히 공부해야겠다는 동기부여가 확실히 생겼네요! C사의 장기 프로젝트 진행 중 반면 C사의 프로젝트는 정신적으로 꽤 피곤한 업무였습니다. ㅠㅠ 반응형 웹, APP 리뉴얼에 추가 앱 제작까지... 규모도 꽤 큰 프로젝트인데 클라이언트사의 협조가 부족해서 기획자분도, 저도, 개발팀도 모두 힘든 상황이에요. 더욱이 기획서가 별도

원문보기 내부링크
Naver Blog

주간 회고 3주 차

이번 주는 "오픈패스"로 시작해서 "오픈패스"로 정리되는 한 주였습니다. ㅎㅎ 오픈패스 러닝 클럽 시작! 출처 : 오픈패스 오픈패스 러닝 클럽이 뭐냐면 듀오톤이라는 디자인 에이전시에서 운영하는 교육 플랫폼 "오픈패스"에서 새로 시작한 스터디예요. 평범한 강의 수강 형식이 아니라 디자이너들이 소통하며 함께 공부하는 컨셉입니다. 4가지 트랙이 있어요. 프토폴리오 트랙 : 포폴 체계적으로 만들기 아티클 트랙 : 디자인 관련 아티클을 같이 읽고 공유 피그마 마스터 트랙 : 피그마 마스터하기 북스터디 트랙 : 디자인 책 같이 읽고 공유 저는 "피그마 마스터 트랙"을 선택했어요. 왜 피그마 마스터 트랙을 선택했나 솔직히 피그마는 이미 잘 쓰고 있다고 생각하지만... 다른 사람들은 어떻게 쓰는기 궁금했어요. 듀오톤이 피그마 쓰는 방식도 궁금했고요. 그리고... 러닝 클럽을 신청하면 한 달 동안 오픈패스 VOD 강의를 다 무료로 볼 있거든요!!ㅎㅎㅎㅎㅎ 정말 개꿀이죠!! 이번 주 뭘 했나... 오

원문보기 내부링크
Naver Blog

주간 회고 4주 차

사진: Unsplash의Christin Hume 이번 주도 바쁘게 보낸 한 주를 정리해보려고 합니다. Input 피그마 마스터 트랙 완주 한 달 과정인데 2주 차에 클리어해버렸네요 ^^;;; 초, 중급 과정이다 보니... 저는 좀 많이 아쉬웠어요. 그래도 기획 의도는 좋았다고 생각합니다. 추후에 고급 과정도 만들어주세요~~^^ 오픈패스 VOD 강의 수강 이게 정말 개꿀인 것 같아요! 그동안 오픈패스에서 보려고 찜해두었던 강의를 다 보고 있습니다. ㅎㅎㅎ UX/UI 강의 내용이 조금씩 겹치는 부분이 있기는 하지만 듀오톤만의 프로세스를 옆볼수 있어서 재밌게 수강하고 있습니다. 대모산개발단 코딩 부트캠프 완주 "대모산개발단"이라는 이름이 생소해서 참여 신청에 고민하는 시간이 좀 있었지만 커서와 친해지는 좋은 기회였습니다. 3일 동안 AI를 활용하여 노코드로 랜딩 페이지 하나를 만드는 과정이었어요. 기존에 노코드 개발이라고 하면 아임웹, 프레이머, 웹플로우 정도로 생각했는데 커서를 이용한

원문보기 내부링크
Naver Blog

주간 회고 5주 차

이번 주도 어김없이 회고 시간이 돌아왔네요. Input 오픈패스 VOD 강의 다수 완주 오픈패스에서 관심 있던 강의를 다수 수강했어요. 직접 에이전시를 운영하는 곳에서 만든 강의라 그런지 실무에서 유용한 내용들이 많더라고요. 주니어나 미들 디자이너분들에게는 정말 도움이 될 것 같고, AI 활용 디자인이나 리더십 강의는 시니어분들께도 추천합니다~^^ 강의를 수강하면서 잊고 있던 부분들을 다시 상기시킬 수 있어서 좋았고, 그동안 몰랐던 부분들도 많이 배워서 도움이 되었어요. 클래스101 미드저니 강의 완강 초인쌤의 "미드저니의 정성 AI 이미지 생성" 강의를 완강했어요. 초급자 대상 강의라서 편하게 수강할 수 있었어요. 이제 미드저니 유료 결제도 했으니 부지런히 사용해 봐야겠어요! 클래스101 브랜드 디자인 강의 수강 브랜드 디자인 강의를 여러 개 수강했어요. 눈으로 보기보다는 들었다고 할 수 있죠 ㅋㅋㅋㅋ 주로 러닝머신 할 때 강의를 봤거든요. 초급 강의들이라 그냥 궁금해서 봤는데,

원문보기 내부링크
Naver Blog

솔로프리너 vs 프리랜서, 뭐가 다른 걸까?

요즘 '솔로프리너'라는 말을 많이 들어보셨죠? 프리랜서와 비슷한 것 같은데 뭔가 다른 것 같고... 저도 처음에는 헷갈리더라고요. 그래서 오늘은 이 둘의 차이점을 확실히 정리해 보려고 합니다! 사진: Unsplash의Rodeo Project Management Software 솔로프리너가 뭐예요? 솔로프리너(Solopreneur) = Solo + Enterpreneur 쉽게 말해서 '혼자서 사업하는 사람'이에요. 직원도 없고, 파트너도 없이 오직 혼자서 비즈니스를 운영하는 1인 기업가라고 보시면 돼요. 솔로프리너의 특징 내 브랜드, 내 비즈니스를 만들어서 운영해요. 지속적으로 돈이 들어오는 시스템을 구축해요. AI 같은 최신 기술을 활용해서 혼자서도 큰일을 해요. 모든 걸 내가 결정하고, 위험도 내가 져요. 그럼 프리랜서는? 프리랜서(Freelancer) = 자유직업인 특정 회사에 속하지 않고, 프로젝트별로 일하는 사람이에요. 내가 가진 기술이나 능력으로 여러 클라이언트와 일을 합니

원문보기 내부링크
Naver Blog

[디자인 트렌드] 2025년 UI/UX 디자인 트렌드

2025년 새해가 벌써 2주 차를 접어들고 있습니다. 올해의 UI/UX는 어떠한 방향으로 흘러갈지 2025년 UI/UX 디자인 트렌드에 대해서 알아볼까요? 사진: Unsplash의 Luke Jones AI 통합 디자인 AI 기술은 UI/UX 디자인에 깊이 통합되어 개인화된 사용자 경험을 제공하고 디자인 프로세스를 자동화합니다. 또한, AI 알고리즘은 사용자 행동을 분석하고 실시간으로 인터페이스를 최적화하여 사용성과 참여도를 높입니다. 개인화된 사용자 경험 AI는 사용자 데이터를 분석하여 개인화된 경험을 제공합니다. 1. 사용자의 과거 행동과 선호도를 기반으로 맞춤형 콘텐츠 추천 2. 인터페이스 요소를 사용자의 사용 패턴에 맞게 동적으로 조정 데이터 기반 인사이트 AI는 대량의 사용자 데이터를 빠르게 분석하여 디자이너에게 가치 있는 인사이트를 제공합니다. 1. 히트맵을 통한 사용자 상호작용 패턴 파악 2. A/B 테스트 결과의 자동 분석으로 최적의 디자인 선택 지원 자동화된 디자인 프

원문보기 내부링크
Naver Blog

[Figma] 피그마 이미지 추출 시 해상도 깨짐 현상

잘 쓰던 피그마에서 이미지를 Export 했을 때 갑자기 이미지가 깨져서 추출된다면? 대략 난감이죠! 도대체? 왜? 갑자기??? 같은 피그마에 같은 파일이고 설정을 건드린 적도 없는데?? 여기저기 찾아보니 피그마의 오류증 하나라고 하네요 ㅠㅠ 그 내용을 자세히 알아볼까요? 피그마에서 이미지를 추출할 때 깨짐 현상 피그마에서 이미지를 추출할 때 깨짐 현상이 발생하는 주요 원인과 해결 방법 원인 1. 피그마의 이미지 크기 제한 피그마는 기본적으로 4096px의 최대 이미지 크기 제한이 있다. 2. 소수점 좌표 및 크기 이미지나 프레임의 크기와 좌표가 소수점을 포함할 때 Export 시 사이즈가 어긋날 수 있다. 3. 프레임 외부 요소 Clip content가 체크되지 않은 경우, 프레임 밖으로 나간 요소 (예 : 그림자)가 포함되어 사이즈가 달라질 수 있다. 해결 방법 1. 이미지 분할 큰 이미지를 여러 부분으로 나누어 삽입한다. 2. 플러그인 사용 "Insert Big Image" 플

원문보기 내부링크
Naver Blog

[디자인 시스템] 디자인 시스템 워밍업

디자인 시스템 워밍업 디자인 언어 시스템? 디자인 시스템? 디자인 스타일 가이드? 팀 라이브러리? 전부 디자인 협업에 유용한 도구들이지만 그 개념이 조금씩 다른데요 하나씩 정리해 볼까요? 디자인 언어 시스템 Design Language System 제품의 전반적인 시각적인 요소와 상호작용 패턴을 정의하는 포괄적인 체계. 디자인 원칙, 철학, 브랜드 가치 등 추상적인 개념을 포함. 디자이너, 개발자, 제품 관리자 등 제품 개발에 관련된 모든 팀원들이 참조. 조직 전반적인 디자인 방향성을 제시. 디자인 시스템 Design System UI 컴포넌트, 디자인 원칙, 코드 스니펫, 디자인 철학, 브랜드 가치, 사용성 원칙. 접근성 가이드라인 등을 포함. 일관된 사용자 경험을 제공하고 팀 전체의 협업을 개선하는 것이 목표. 시각적 요소와 비시각적 요소 모두 포함. 디자이너뿐만 아니라 개발자, 제품 관리자, 마케터 등 제품 개발에 관련된 모든 팀원들이 참조 디자인 스타일 가이드 Design S

원문보기 내부링크
Naver Blog

[디자인 시스템] 디자인 시스템이란 무엇인가?

디자인 시스템이란 무엇인가? Design System (디자인 시스템) 은 무엇일까요? 디자인 시스템은 일관된 사용자 경험과 브랜드 정체성을 구축하기 위한 포괄적인 디자인 프레임워크입니다. 디자인 원칙, UI 요소, 패턴, 그리고 가이드라인의 집합체로, 프로덕트 전반에 걸쳐 일관성 있는 시각적 언어를 만들고 유지하는 데 사용됩니다 (Design Language System과 혼용되어 사용되고 있죠.) 주요 구성 요소 디자인 원칙 프로덕트 전반적인 방향성과 가치를 정의합니다. 시각적 요소 색상, 타이포그래피, 아이콘, 그리드 시스템 등을 포함합니다. UI 컴포넌트 버튼, 폼, 카드 등 재사용 가능한 인터페이스 요소들입니다. 패턴 및 가이드라인 컴포넌트를 어떻게 조합하고 사용해야 하는지에 대한 규칙을 제공합니다. 이렇게 많은 내용을 포함하고 있는 디자인 시스템을 꼭 만들어야 할까요? 아닙니다. 프로젝트 규모와 성격에 따라 디자인 시스템을 구축할 경우도 있고 에셋만 정의하는 경우도 있습니

원문보기 내부링크
Naver Blog

[디자인 시스템] 색상 팔레트 만들기

디자인 시스템 - 색상 팔레트 만들기 디자인 시스템을 만들 때 가장 먼저 무엇부터 시작해야 할지 고민되시나요? 많은 디자이너들이 각자 다른 방식으로 접근하지만, 결국 시각적 언어를 체계적으로 정의하는 것이 모든 디자인 시스템의 핵심입니다. 특히 색상은 사용자가 제일 먼저 알아차리는 브랜드의 얼굴이자, 전체 디자인 시스템의 기초가 되죠. 오늘은 디자인 시스템을 만들 때 첫 단계로 꼭 필요한 색상 팔레트 만드는 방법을 함께 알아볼까요? 색상 팔레트 정하기 기본 색상(Primary Color) 고르기 브랜드의 대표 색상으로 로고, 버튼, 주요 디자인 요소에 쓰여요. 브랜드의 개성을 가장 잘 보여주는 색상입니다. 보조 색상(Secondary Color) 고르기 기본 색상과 잘 어울리는 2~3개 정도의 색상을 골라요. 고르는 방법 보색 : 확 튀는 강렬한 조합 (예 : 블루 & 오렌지) 유사색 : 부드럽고 편안한 느낌 (예 : 블루 & 퍼플) 삼각색 : 균형 잡힌 멋진 조화 (예 : 레드 &

원문보기 내부링크
Naver Blog

[디자인 시스템] 타이포그래피 가이드 만들기

디자인 시스템 타이포그래피 구축하기 이전 글에서 디자인 시스템의 색상 팔레트 만들기에 대해서 알아보았습니다. 색상 팔레트가 잘 정리되었다면 그다음으로 타이포그래피를 정의하는 가이드를 만드는 데요 그 이유와 과정을 자세히 알아보겠습니다. 타이포그래피를 구축해야 하는 이유 1. 브랜드 아이덴티티 확립 폰트는 브랜드의 성격을 전달하는 중요한 요소입니다. 디자인 전에 폰트를 정하면 브랜드의 톤 & 매너가 일관되게 유지됩니다. 2. 디자인 일관성 유지 UI 디자인에서 제목, 본문, 버튼 등 다양한 요소가 폰트 크기와 스타일을 따르게 됩니다. 미리 계층 구조(Hierarchy)를 정의하면 각 화면에서 일관된 디자인이 유지됩니다. 3. 가독성과 접근성 고려 웹/모바일 환경에서 가독성이 좋은 폰트를 선택할 수 있습니다. WCAG 접근성 가이드라인을 미리 체크하면 대비(Contrast), 줄 길이(Line Length) 등을 최적화할 수 있습니다. 4. 디자인 작업의 효율성 증가 디자이너가 디자인할

원문보기 내부링크
Naver Blog

[디자인 시스템] 공간(Space) 시스템 만들기

디자인 시스템 - 공간(Space) 시스템 만들기 이전 글에서 디자인 시스템을 구축할 때 기본이 되는 파운데이션(foundation)의 색상 팔레트와 타이포그래피에 대해서 알아보았습니다. 오늘은 중요하지만 종종 간과되는 Space에 대해서 이야기해 볼게요. Space system 이란? UI 디자인에서 깔끔하고 읽기 쉽게 만들어주는 "간격"을 의미해요. gap, margin, padding 등으로 정의하며 일관된 간격을 유지할 수 있도록 설정해야 해요. 일반적으로 4px, 8px 그리드 시스템이 많이 사용됩니다. 모바일 퍼스트 접근 방식에서는 4px, 데스크톱 중심의 UI에서는 8px 단위를 선호해요. 예를 들어 Google, Apple은 모두 8px 시스템을 사용하는 것을 볼 수 있습니다. Space system 만들기 저는 4px 단위 시스템을 적용합니다. 4의 배수로 간격을 설정하는 것이 핵심이에요. 작은 UI 요소에서는 4px 또는 8px 간격 컴포넌트 간 간격에서는 16px

원문보기 내부링크
Naver Blog

[디자인 시스템] 레이아웃(Layout) 시스템 만들기

디자인 시스템 - 레이아웃 여러분은 빈 화면에서 디자인을 잡을 때 무엇부터 구성하시나요? 저는 콘텐츠가 배치될 레이아웃을 가장 먼저 고려하게 됩니다. 레이아웃은 콘텐츠를 어디에 어떻게 넣을지 길잡이가 되어주는 중요한 요소 중에 하나죠. 그럼, 오늘은 디자인 시스템에서 레이아웃 시스템을 정리해 보도록 하죠! 레이아웃 시스템의 핵심 요소 컨테이너 (Container) 콘텐츠가 들어가는 최대 너비 지정 그리드 시스템 (Grid System) 컬럼과 Gutter 간격 설정 브레이크포인트 (Breakpoints) 반응형 설계 기준 정하기 페이지 레이아웃 패턴 일반적인 배치 유형 정리 레이아웃 시스템의 핵심 요소 컨테이너(Container) 크기 조절 컨테이너는 콘텐츠를 감싸는 기본 틀입니다. 일반적으로 최대 너비를 지정해서 레이아웃이 지나치게 넓어지는 걸 방지합니다. 추천 컨테이너 크기 기본 컨테이너 max-width : 1280px 넓은 컨테이너 max-width : 1440px 본문 콘텐

원문보기 내부링크
Naver Blog

Figma AI의 8가지 기능 - 3. Make Prototype

Make Prototype 초보자도 쉽게 대화형 프로토타입을 제작할 수 있는 도구 Figma의 강력한 AI 기능 중 하나인 Make Prototype을 소개합니다. 이 기능은 복잡한 설정 없이도 디자인을 빠르게 대화형 프로토타입으로 변환할 수 있도록 도와줍니다. 특히 모든 플랜에서 사용 가능하기 때문에 초보자부터 전문가까지 누구나 활용할 수 있습니다. Make Prototype을 사용하면 몇 번의 클릭만으로 디자인 프레임 간에 상호작용을 추가하여 기본적인 프로토타입을 만들 수 있습니다. 이를 통해 프로토타입 제작 과정이 간소화되고, 보다 효율적으로 작업을 진행할 수 있습니다. Make Prototype의 주요 특징 최상위 프레임 간 간단한 흐름 생성 페이지의 최상위 프레임 간 연결을 통해 기본 탐색을 설정할 수 있습니다. 예를 들어, 간단한 웹페이지 흐름을 만들어야 할 때 최상위 프레임만 선택하면 자동으로 페이지가 연결됩니다. 뒤로/다음 버튼 기능 페이지 간 이동을 설정하는 데 필요

원문보기 내부링크
Naver Blog

덴시티아 영양제 건강한 잇몸과 뼈를 위해 선택한 뉴로랩스 실제 후기

오늘은 제가 꾸준히 섭취 중인 뉴로랩스 덴시티아 포뮬러 를 들려드리려고 해요. 건강 관리에 관심이 많다 보니 여러 영양제를 살펴보게 되는데요, 덴시티아는 특히 뼈와 치아 건강에 도움을 줄 수 있는 성분으로 가득 차 있어 자연스럽게 손이 갔답니다. 덴시티아 영양제 사용 후 느낀 점들과 함께 이 제품에 대해 자세히 공유해 볼게요! 덴시티아 영양제 뉴로랩스 덴시티아 포뮬러, 어떤 제품일까? 이름 그대로 뼈와 치아 건강을 위한 영양제예요. 덴시티아 영양제 뉴로랩스는 건강기능식품으로 유명한 브랜드인데, 특히 덴시티아 포뮬러는 5중 복합 기능성으로 설계되어 많은 분들에게 도움을 줄 수 있는 제품이에요. 덴시티아 영양제 주요 성분과 특징을 간단히 정리하면 덴시티아 영양제 칼슘(210mg) 뼈와 치아 형성에 필수적인 성분으로 골다공증 위험을 줄이는 데 도움을 줄 수 있어요. 프로폴리스(20mg) 꿀벌이 만든 자연 성분으로 항산화 효과를 기대할 수 있답니다. 비타민D(17.5μg) 칼슘 흡수와 이용

원문보기 내부링크
Naver Blog

Figma AI의 8가지 기능 - 4. Replace Content

Replace Content 반복적인 요소의 동일한 텍스트를 상황에 맞는 텍스트로 바꿔주는 기능 Replace Content는 디자인에 사실적인 텍스트를 생성하여 채우고 반복적인 플레이스홀더 복사본을 상황에 맞는 콘텐츠로 바꿔줍니다. 이를 통해 목록, 게시물, 카드, 표와 같은 반복적인 요소에 대한 플레이스홀더 콘텐츠를 채우는데 시간을 절약할 수 있습니다. Replace Content는 오토 레이아웃 프레임에서 새로운 반복 요소나 기존의 반복 요소에 동일하게 사용할 수 있습니다. 반복되는 요소에서 첫 번째 요소의 텍스트 맥락을 파악하여 나머지 반복 요소에 내용을 채워줍니다. Replace Content를 잘 사용하기 위해서는 다음과 같은 요건을 충족해야 합니다. 각 요소는 서로 동일한 구조를 가져야 한다. 반복되는 요소는 오토 레이아웃 프레임에 포함되어야 한다. 복제되는 요소의 레이어 중첩은 최대 5단계까지만 권장한다. 사용법 콘텐츠를 교체하려면 디자인에서 반복적으로 사용되는 요소가

원문보기 내부링크
Naver Blog

Figma AI의 8가지 기능 - 5. Rename Layers

Rename Layers 클릭 한 번으로 모든 레이어의 이름을 바꿔주는 기능 레이어 이름을 자동으로 빠르게 정리해 주어 디자인을 더 효율적으로 할 수 있고 협업에서 더 나은 소통을 할 수 있습니다. 캔버스에서 객체를 선택하고 하단 도구 모음에서 작업 메뉴를 클릭하거나 단축키 cmd(ctrl) + K 클릭 Rename Layer를 선택하면 끝~ 사용법 Rename Layers 1. 파일에서 이름이 지정되지 않은 레이어가 있는 프레임이나 객체를 선택합니다. Rename Layers 2. 작업 메뉴에서 Rename Layers를 선택합니다. Rename Layers 3. Rename Layers를 실행하면 레이어가 객체에 맞는 이름으로 수정된 것을 확인할 수 있습니다. Tips 선택당 레이어 수는 200개로 제한됩니다. 가능하면 프레임을 축소하거나 선택 범위를 줄이세요. 의도적으로 이름이 지정된 레이어, 숨겨진 레이어와 잠긴 레이어는 Rename Layers 기능에서 제외됩니다. 관련 글

원문보기 내부링크
Naver Blog

Figma AI의 8가지 기능 - 6. Text Tools

Text Tools 디자인 텍스트를 원하는 대로 미세하게 조정할 수 있습니다. 다른 톤을 주기 위해서 텍스트를 다시 쓰거나, 다른 언어로 번역하거나, 디자인에 맞게 길이를 줄여줍니다. 모든 플랜에서 사용 가능하며 다음 3가지 기능이 있습니다. Rewrite Translate Shorten Rewrite this 텍스트를 쉽게 다시 작성하고 톤과 길이를 조정할 수 있습니다. Rewrite this을 사용하여 디자인된 콘텐츠의 톤을 바꾸거나, 표현을 바꾸거나, 조정해 보세요. 사용법 1. 프레임을 선택하여 콘텐츠를 편집합니다. 2. Rewrite this 하단 도구 모음에서 Actions를 클릭합니다. 3. Rewrite this 메뉴에서 Rewrite this를 선택합니다. 4. Rewrite this 원하는 출력 결과에 대한 설명이나 지침을 입력합니다. 5. Rewrite this 프롬프트를 반복하면서 스타일을 조정하여 결과를 개선할 수 있습니다. Translate Text 디자인의

원문보기 내부링크
Naver Blog

[2024 마이 블로그 리포트] 데이터로 찾아보는 내 블로그 마을

2024 마이 블로그 리포트 블로그 마을로 초대합니다: 지금 내 블로그 마을을 확인해 보세요! event.blog.naver.com

원문보기 내부링크
Naver Blog

[회고] 2024년 디자인팀 회고록

한 해를 돌아보는 디자인팀 회고록 발표가 있었다. 프로젝트별 회고도 의미가 있지만, 년별 회고도 필요하다고 생각한다. 각 회사마다 분기별, 반기별, 프로젝트별 등 다양한 회고의 형태가 있지만 나는 개인적으로 한 해를 돌아보는 회고를 좋아한다. 등산을 하고 정상에 앉아 먼 산을 둘러보는 기분이 들기 때문이다. 일년 동안 나는 얼마나 열심히 올라왔을까? 발자취 하나하나가 나의 활력이고 동력이다. #회고 #2024회고 #디자인팀회고 #회고록 #회고형식 #회고쓰는법

원문보기 내부링크
Naver Blog

Figma AI의 8가지 기능 - 7,8. Image Tools

Image Tools Image Tools 디자인에 추가할 이미지를 만들고 이미지에서 배경을 제거할 수 있는 기능 Image Tools을 사용하면 캔버스에서 바로 이미지를 만들고 편집할 수 있습니다. 디자인에 추가할 이미지를 만들고 이미지에서 배경을 제거합니다. 모든 플랜에서 사용 가능하며 다음 2가지 기능이 있습니다. Make Image Remove Backgound Make Image 프롬프트를 작성하여 이미지를 만들 수 있습니다. 기존 프레임 안에 이미지를 채우거나 새로 만듭니다. 1. Image Tools 하단 도구 모음에서 Actions를 클릭합니다. 2. Image Tools 펼쳐진 메뉴에서 Make an image를 선택합니다. 3. Image Tools 텍스트 필드에서 Image Tools 원하는 이미지를 프롬프트로 입력합니다. (가능한 많은 맥락을 표기하는 것이 좋습니다.) 4. Image Tools Make it을 클릭하거나 Enter를 클릭하면 프롬프트에 내용대로

원문보기 내부링크
Naver Blog

이것이 UX/UI 디자인이다 - 도서 리뷰

출처 : 위키북스 2024년 첫 번째 도서 리뷰네요 ㅠㅠ 올해 지금껏 읽은 책이 8권... 반? 매년 책을 많이 읽겠다고 다짐하지만 좀처럼 지켜지지 않으니... 더욱 분발해야겠습니다!!! 이번에 리뷰할 책은 이것이 UX/UI 디자인이다 라는 책입니다. 전체적으로 구성이 괜찮은 책인 것 같아요. 이제 막 UX/UI 디자인을 시작하시는 분들한테 추천하고 싶은 책입니다! ㅎㅎ 디자인 방법론부터 UX 테스트까지 이론적으로 잘 설명해 주고 있어요. 읽고 나면 UX/UI의 프로세스를 A부터 Z까지 머릿속으로 그려보실 수 있을 거예요. UX/UI 디자인은 회사 또는 개인마다 추구하는 방법론이나 프로세스가 각양각색이지만 이 책을 읽고 나면 어느 정도는 대응하실 수 있을 거라고 생각이 듭니다 ㅎㅎ 전체적인 프로세스를 다루다 보니 디테일하게 파고들지는 않았지만 UX/UI 디자인이 무엇을 하는 직무인지는 확실히 알게 해주는 책입니다. 그렇기 때문에 주니어 UX/UI 디자이너 분들에게 적극 추천합니다~

원문보기 내부링크
Naver Blog

AI 기반 새로운 UI 협업 툴 - Creatie

AI를 활용해 화면 디자인을 효율적으로 진행할 수 있는 플러그인, 프로덕트들이 많이 출시되고 있습니다. 오늘은 그중에서 핫한 "Creatie"라는 프로덕트에 대해 알아보겠습니다. https://creatie.ai/ Figma와 유사한 인터페이스 회원가입을 하고 대시보드를 열었을 때 처음 느낌은 피그마와 매우 유사하다는 것이었습니다. 아마도 피그마에서 새로운 툴로 넘어오는 허들을 낮추기 위해서, 피그마 유저라면 어렵지 않게 사용할 수 있도록 인터페이스를 구성한 것이 아닌가 생각합니다. 피그마에 있는 dev 모드도 있고(현재 css, iOS, Android만 지원) 피그마처럼 다른 사람과 실시간으로 작업을 공유할 수 있습니다. 웹으로 사용할 수 있고 프로그램을 다운로드할 수 있으며 윈도우, 맥 모두 지원한다는 점도 피그마와 같습니다. 하지만 피그마와 달리 컴퓨터에 저장된 폰트를 사용하기 위해서는 따로 "Mac/Windows Font Helper"라는 것을 다운로드해야 하는 단점이 있습니

원문보기 내부링크
Naver Blog

오하이오 : 일산 위시티의 숨은 보석, 일본 감성 가득한 이자카야

오늘은 친구의 강력한 추천으로 방문하게 된 일산 위시티의 이자카야 '오하이오'를 소개해 드리려고 합니다! 평소 맛집 정보에 밝은 친구가 이곳을 극찬하길래 궁금증을 참지 못하고 찾아가 봤어요. 이곳은 일본의 정취를 그대로 옮겨놓은 듯한 분위기로 많은 사람들의 관심을 받고 있습니다. 과연 친구가 말한 대로 맛있을지, 제가 직접 방문하고 경험한 솔직 후기를 들려드릴게요! 오하이오 경기도 고양시 일산동구 위시티2로 13, 103호 오하이오 오하이오 경기도 고양시 일산동구 위시티2로 13 103호 ohayo 이 블로그의 체크인 이 장소의 다른 글 [운영시간] 화요일~일요일 / 17:00 ~ 24:00 라스트 오더 / 23:00 매주 월요일 정기휴무 [예약문의] 0507-1357-6291 포장 배달 가능 일산 위시티 이자카야 오하이오 외관 입구에서부터 눈길을 끄는 오하이오! 이제 들어가 볼까요~? 일산 위시티 이자카야 오하이오 운영시간 안내표 저희가 도착한 시간은 오후 5시! 매장 오픈 시간에

원문보기 내부링크
Naver Blog

[회고] 아임웹을 이용하여 다국어 홈페이지 만들기

영문 사이트로 전환 아임웹을 이용하여 2개의 홈페이지를 만들어 봤더니 어느 정도 아임웹에 대해 감이 잡힌다. 우리 회사에서 아임웹을 가장 잘 다루는 1인이 되었다! ㅎㅎ Intro 가볍게 시작되었던 수명 업무가 하반기 프로젝트가 되었다. 리소스 부족으로 아임웹으로 제작하였던 것인데... 하위 뎁스도 추가되고 영문 홈페이지도 추가되어 볼륨이 더 커지게 된 것. 영문 홈페이지를 추가로 제작하는 방법을 배울 수 있어서 나는 흥미롭게 진행하였다. Liked : 좋았던 점 위젯을 이용하여 상단에 언어 전환 위젯을 쉽게 추가할 수 있다. 내 사이트에서 언어별 사이트를 쉽게 추가할 수 있다. 새 언어 사이트는 첫 번째 언어 사이트의 디자인과 데이터를 그대로 복제해온다. 시스템 언어는 자동으로 번역이 되어 있다. 아임웹의 가장 큰 장점! 복잡하지가 않다! Lacked : 아쉬웠던 점, 부족한 점 가장 주의할 점! 첫 번째 사이트와 복제하여 만든 다른 언어 사이트의 디자인은 연동이 안된다! 때문에

원문보기 내부링크
Naver Blog

Figma AI의 8가지 기능 - 1. First Draft

잠정 중단되었던 Figma AI 서비스가 베타 버전으로 업데이트되었습니다. 현재 베타 버전에서는 AI 기능이 무료지만 사용에 제한이 있을 수도 있다고 하네요. (일부 유료) 앞으로 점진적으로 Figma AI를 출시할 예정이라고 하니 너무나 기대가 됩니다. Figma AI는 Figma 하단의 도구 모음에서 사용할 있습니다. Figma AI 하지만 Figma AI를 비활성화 한 경우에는 이 기능을 사용할 수 없으니 참고해 주세요~! Figma AI의 기능은 8가지로 나눠볼 수 있는데요 그 기능들을 하나씩 살펴보겠습니다. 첫 번째로 First Draft에 대해서 알아볼까요? First Draft First Draft First Draft는 편집이 가능한 와이어프레임이나 디자인을 몇 분 안에 생성해 주는 기능입니다. First Draft로 초안을 생성한 후 프롬프트나 스타일 컨트롤을 사용하여 디자인을 쉽게 변경할 수도 있습니다. < First Draft 만들기 > 1. Figma 하단의 도

원문보기 내부링크
Naver Blog

올리브영 흔적 세럼 추천 – 메디힐 마데카소사이드 세럼으로 흔적 케어

피부에 남은 흔적이 쉽게 사라지지 않아 스트레스를 받고 계시나요? 트러블(자극, 건조 등에 대한 피부 트러블) 후 남는 흔적, 색소침착, 잡티 등은 시간이 지나도 쉽게 사라지지 않아 애프터케어가 꼭 필요해요. 저도 평소 트러블(자극, 건조 등에 대한 피부 트러블)이 난 후에 붉은 흔적이나 색소침착이 남아 있어서 고민이었는데요. 그런 저에게 메디힐의 '마데카소사이드 흔적 리페어 세럼'이 큰 도움이 되었습니다. 흔적 관리와 피부 진정, 그리고 피부 장벽 개선까지 해줘서 매일 기분 좋게 사용하고 있어요. 메디힐은 올리브영 어워즈 1위를 차지한 '마데카소사이드 흔적 패드'로 이미 흔적 케어 분야에서 검증된 브랜드라서 더욱 신뢰가 가죠. 마데카소사이드 흔적 리페어 세럼 마데카소사이드 흔적 리페어 세럼 마데카소사이드 흔적 리페어 세럼 마데카소사이드 흔적 리페어 세럼 핵심 성분과 효능 나이아신아마이드와 마데카소사이드의 만남 '마데카소사이드 흔적 리페어 세럼'은 성분 면에서 매우 탄탄한 구성을 자

원문보기 내부링크
Naver Blog

Figma AI의 8가지 기능 - 2. Visual Search

Figma AI의 기능 중 하나인 Visual Search는 원하는 구성 요소나 에셋을 빠르게 찾아 디자인 작업을 한층 수월하게 만들어주는 기능입니다. 이 기능을 통해 다른 디자이너들이 진행한 작업을 확인하거나 디자인 초기에 참고할 자료를 빠르게 찾고, 컴포넌트의 최신 업데이트를 확인할 수 있습니다. Visual Search Visual Search 사용법 Visual Search를 사용하는 방법은 크게 두 가지로 나뉩니다. 1. Assets 탭에서 키워드를 입력하여 검색하기 2. 이미지와 구성 요소을 사용하여 검색하기 <Assets 탭에서 키워드로 검색> Assets 탭을 통해 원하는 컴포넌트를 키워드로 쉽게 검색할 수 있습니다. 1. Actions 클릭 하단 도구 모음에서 Actions 버튼을 클릭합니다. Visual Search 2. 키워드 입력 Assets 탭에서 원하는 컴포넌트 키워드를 입력합니다. Visual Search 3. 검색된 Assets 활용 검색된 에셋은 클릭하

원문보기 내부링크
Naver Blog

저작권 완전 무료 이미지 사이트

Unsplash https://unsplash.com/ko 아름다운 무료 이미지 및 사진 | Unsplash 어떤 프로젝트를 위해서든 다운로드 및 사용할 수 있는 아름다운 무료 이미지 및 사진입니다. 어떤 로열티 프리 또는 스톡 사진보다 좋습니다. unsplash.com Pexels https://www.pexels.com/ko-kr/ SplitShire https://www.splitshire.com/ Free Stock Photos - SplitShire The best free stock images & videos that are absolutely without any copyright restrictions (CC0) - free and legal - no attribution needed. www.splitshire.com Life of Pix https://www.lifeofpix.com/ Free high resolution photography - Life of P

원문보기 내부링크
Naver Blog

[2023 마이 블로그 리포트] 데이터로 알아보는 블로그 속 숨은 직업 찾기!

다사다난했던 한 해였다 덕분에 나를 찾을 수 있는 해이기도 하다 지난 일들은 이제 털어버리고 2024년을 향해 달려나가자! 2023 마이 블로그 리포트 올해 블로거들의 직업을 공개합니다! 내 직업 확인하고, 2024년 행운도 뽑아보세요! https://mkt.naver.com/p1/2023myblogreport

원문보기 내부링크
Naver Blog

묵은 각질을 지워주는 각질크림 - 아하크림 (AHA 크림)

그거 아세요? 피부관리의 첫 단계는 묵은 각질 제거라는 거. 아무리 좋은 화장품을 발라도 묵은 각질이 흡수를 막고 있으면 아무 소용 없잖아요 그래서 저도 각질 제거에 신경을 쓰고 있답니다 하지만 저는 피부가 얇고 건조하고 예민해서.. 각질제거 제품을 신중하게 선택해야 해요. 예민둥이~~ㅠㅠ 그런데 저처럼 예민한 사람을 위한 제품이 있어서 소개해 드리려고 합니다!^^ 바르기만 하면 각질케어가 되는 제품! 메디올가 메디 아하크림 입니다! ㅎㅎㅎㅎ 그럼 지금부터 메디 아하크림의 특징을 자세히 알아볼까요? 메디 아하 크림 - 쥐젖 크림, 아하크림, 쥐젖크림원조, 각질크림, 스팟크림 제품 특징 AHA 성분 (시트릭애씨드,글라이콜릭애씨드) 5,100PPM 함유 : 묵은 각질을 부드럽게 연화시켜 피부 겉표면에 쌓인 각질을 부드럽게 만들어 주어 자연 탈락에 도움을 줌 베타민, 히알루론산 함유 : 피부 보습에 도움을 줌 세라마이드 성분 : 수분 증발을 막아주고 외부의 여러 유해 물질의 침입을 막아주

원문보기 내부링크
Naver Blog

피그마 단축키 모음

피그마 단축키 <Essential> Show/Hide UI ⇒ cmd + \ 또는 cmd + . Pick color ⇒ ctrl + c Quick actions ⇒ cmd + / <Tools> Move tool ⇒ V Frame tool ⇒ F Pen tool ⇒ P Pencil tool ⇒ Shift + P Text tool ⇒ T Rectangle tool ⇒ R Ellipse tool ⇒ O Line tool ⇒ L Arrow tool ⇒ Shift + L Add + comment ⇒ C Pick color ⇒ ctrl + C Slice tool ⇒ S <View> Multiplayer cursor ⇒ option + cmd + \ Open Dev Mode ⇒ shift + D Rulers ⇒ Shift + R Show outlines ⇒ Shift + O Pixel preview ⇒ Shift + cmd + P Layout grids ⇒ Shift + G Pixel grid

원문보기 내부링크
Naver Blog

[디자인 원칙] Why? How? What? - 골든 서클 (Golden Circle) 모델

골든 서클(Golden Circle)은 사이먼 시넥(Simon Sinek)이 테드(Ted)에서 펼친 리더십 강의에서 나온 모델입니다. 사이먼 시넥은 위대한 리더와 조직은 모두 Why에서 시작하는 패턴을 보인다고 말합니다. Why는 목적, 존재 이유, 신념, 믿음, 철학, 미션 등으로 다양하게 부를 수 있지만 궁극적으로 '주관적 가치관'을 의미합니다. Why, How, What에서 가장 중요한 것은 Why입니다. Why → How → What의 순서로 문제에 접근해야 합니다. 출처 : https://salaryblues.tistory.com/6 1. Why : Purpose 이유, 목적 왜 이 일을 하는가? 가치관, 비전, 경영 이념, 존재 이유, 신념 2. How : Process 방법, 과정 무엇을 어떻게 할 것인가? 목적을 실현하기 위한 방법, 비즈니스 모델 3. What : Result 결과 무엇을 하는가? 결과로 나온 제품이나 서비스 People don't buy what y

원문보기 내부링크
Naver Blog

타로어플 소울톡 후기

타로어플 많이 사용하시나요? 저는 핸드폰에 타로어플만 4개가 깔려있어요. 고민이 생기거나 답답할 때 타로어플로 타로를 보면 생각도 정리되고 스트레스가 좀 풀리더라고요. 뭔가 위로를 받는 느낌이랄까요? 온라인타로는 특히 빠른 상담이 매력적이죠! 그래서 이번에는 새로운 타로어플을 사용해 보았어요. 바로 소울톡 입니다. 타로어플 소울톡 타로어플 소울톡 타로어플 소울톡 타로어플 소울톡 타로어플 소울톡 타로어플 소울톡 소울톡은 48만 유튜버 타로마스터 정회도에게 타로를 직접 배운 고품격 상담사로 구성되어 있어요! 유튜브에서 타로 영상 보시는 분들은 아마 타로마스터 정회도님을 거의 아실 거예요. ㅎㅎㅎ 저도 정말 팬이랍니다! 타로마스터 정회도님 유튜브 바로 가기 ↓ 타로마스터정회도 현존 정회도 ‘타로카드’라는 도구를 통해 지난 18년간 16,000여 명을 상담했고, 5천명이 넘는 제자들을 양성한 타로마스터들의 마스터다. 유년 시절 아토피 피부염으로 오랜 시간 고통받았던 그는 타로카드를 만나면서

원문보기 내부링크
Naver Blog

[회고] 아임웹을 이용하여 홈페이지 디자인하기

https://imweb.me/ 회사에서 프로젝트와는 별도로 급하게 홈페이지를 하나 리뉴얼해야 하는 수명 업무가 주어졌다. 오늘은 아이웹을 이용하여 홈페이지를 작업해 본 경험에 대해 회고를 하고자 한다. Intro 그동안 워드프레스, 카페24, WIX 등의 웹빌더를 다뤄보았지만 아임웹은 처음 접하였다. 요즘은 워낙에 많은 노코드 웹빌더가 많기 때문에 나에게 선택권이 주어졌다면 이것저것 비교를 해 보았겠지만~ 아임웹도 처음이기 때문에 설레는 마음으로 작업을 시작하였다. Liked : 좋았던 점 우선 선택할 수 있는 무료 템플릿의 종류가 많고 반응형에 대응한다는 점이 용이하다. 노코드 웹빌더답게 디자인을 수정하는 방법이 쉽다. 마우스로 클릭 몇 번과 클릭 드래그를 하면 끝이다. 그리고 작업하던 내용이 마음에 안 들면 ctrl+Z나 상단 왼쪽에 뒤로 가기 버튼을 클릭하여 전 단계로 돌아가는 점도 편리하다. (약간씩 오류도 있고 디테일하게 전 단계로 되돌리지는 못하지만...) png로 이미

원문보기 내부링크
Naver Blog

타로상담, 카톡타로, 운세상담, 신년운세 - 타로목욕탕

요즘 제가 고민이 너무 많답니다. 가만히 앉아있어도 한숨이 나와요. 길을 잃어버린 느낌입니다. 그러다가 평소 유튜브로 구독하는 타로목욕탕님의 영상을 봤는데 소름~ 지금 제 상황이랑 너무 잘 맞는 거예요! 제너럴 리딩이라고 해도 제 마음이 힘들어서인지 너무나 위로가 되는 영상이었어요! 그런데 타로목욕탕님이 개인 타로도 봐주시더라고요 굿 타이밍!! 바로 냅다 개인 타로 신청을 했답니다. 타로목욕탕, 카톡타로 요렇게 카톡으로 상담을 받을 수 있어요. 예약하고 싶어요 "예약하고 싶어요"를 클릭하고 상담 내용 "안녕하세요"라고 인사말을 남기면 타로목욕탕님이 예약 날짜와 시간을 잡아주신답니다. 30분 동안 3개 질문이면 3만 원 50분 동안 5개 질문이면 4만 원 추가 질문이 생기면 질문당 8.000원의 비용이 발생한다고 해요 3개 질문에 3만 원이면 5개 질문에 4만 원이 더 저렴하니까... 저는 5개 질문을 선택했답니다 ㅎㅎㅎㅎ 최종 날짜와 시간을 결정하고 입금을 하면 예약 완료! 질문하는

원문보기 내부링크
Naver Blog

A/B 테스트의 사례 분석을 해보자 - GoodUI

https://goodui.org/leaks/ 여러 기업의 유출된 UI A/B 테스트를 엿볼 수 있는 곳입니다. 바로가기 ↓ Leaks | GoodUI goodui.org #UXUI #AB테스트 #AB테스트사례분석 #AB테스트케이스스터디 #goodui

원문보기 내부링크
Naver Blog

도쿄R부동산 이렇게 일 합니다. - 도서리뷰

안녕하세요~ 오랜만에 블로그 글을 올려봅니다. 그 동안 이런저런 일들이 있다보니 블로그에 좀 소홀했었는데.... 이제 정신차리고 새로운 마음으로 가볍게 다시 시작해보려고 해요! 무슨 글을 올릴까 고민하다가 최근에 읽은 책을 리뷰합니다~ 도쿄R부동산 이렇게 일 합니다. 표지 제가 소개할 책은 "도쿄R부동산 이렇게 일 합니다." 입니다. 혹시 "프리에이전트" 라는 단어를 들어보셨나요? 저도 작년에 알게 되었는데요 요새 다시 진로에 대한 고민을 하게 되면서 다시금 프리에이전트에 관심을 가지게 되었답니다. 진로에 대한 고민은 끝이 나질 않네요 휴우~ 프리에이전트와 비슷한 용어로는 프리랜서, 인디펜던트 워커, 프리워커 등이 있는데요 프리에이전트는 좀 더 개인과 회사의 중간쯤에 있는... 유닛 같은 개념이라고 생각하시면 될 것 같아요. 그에 관련해서 읽을만한 책을 찾다가 "도쿄R부동산 이렇게 일 합니다."와 "프리에이전트의 시대" 이렇게 2권의 책을 찾았답니다. 프리에이전트의 시대는 절판되어서

원문보기 내부링크
Naver Blog

프리 에이전트의 시대 - 도서 리뷰

안녕하세요, 지은입니다 오늘은 [프리 에이전트의 시대]라는 책을 리뷰할게요~ ㅎㅎ 얼마 전에 [도쿄R부동산 이렇게 일 합니다] 라는 책의 바통을 이어 [프리 에이전트의 시대]라는 책을 읽게 되었습니다. 두 책 다 '프리 에이전트'를 주제로 하고 있는 책이에요. 요즘 제가 '프리 에이전트'에 꽂혀 있거든요 ㅎㅎㅎㅎㅎ '프리 에이전트'라는 단어를 도서 탭에서 검색하면 딱 이 두 권이 나와요. 저는 그 두 권을 다 읽었습니다 뿌듯~~ 심지어 [프리 에이전트의 시대]라는 책은 절판되어서 중고로 구입했답니다. 이 정도면 '프리 에이전트'에 진심인 편 아닌가요? ㅋㅋㅋㅋㅋ 프리에이전트의 시대 이 책은 2004년도에 초판 되었어요 무려 19년 전 도서!! 그때부터 프리 에이전트의 시대를 예견했다니~ 작가 대니얼 핑크, 대단합니다. 저도 몇 해 전부터 유명한 유튜버나 칼럼에서 이제 대기업은 사라지고 1인이 기업화되는 시대가 도래할 거라는 얘기를 여러 번 주워 들었었는데... 이러한 내용들이 다 '

원문보기 내부링크
Naver Blog

UX 라이팅 시작하기 - 도서리뷰

안녕하세요~ 지은입니다! 웹, 앱 관련 분야에서 종사하시는 분이 아니라면 'UX 라이팅'이라는 용어가 낯선 분도 계실 거예요. 'UX'란 'User Experiene'의 약자로 사용자 경험을 뜻합니다. 사용자가 어떠한 시스템이나 제품, 서비스를 직, 간접적으로 이용하면서 느끼게 되는 총체적인 경험이라고 생각하시면 돼요. 그런데 여기에 Writing이라는 용어가 붙었잖아요? 그러니까 그 사용자 경험을 위한 글쓰기 정도로 이해하시면 될 것 같아요 예를 들어 어떠한 브랜드의 안내문이라든가 사과문 또는 팝업 메시지, 버튼 레이블 등을 들 수 있죠. 국내에서 1~2년 전부터는 UX 라이팅에 대한 관심도가 급격하게 높아지면서 관련 도서도 많이 보이더라고요. 그래서 저도 몇 권 구매해 보았답니다. 그중 오늘은 [UX 라이팅 시작하기] 라는 책을 리뷰해 볼게요~ UX 라이팅 시작하기 A5 사이즈 정도의 크기로 책 두께도 1~2센티 정도인 것 같아요 읽기에 아주 부담 없는 책입니다! 차례 제가 여러

원문보기 내부링크
Naver Blog

블랙헤드 없애는 법 - 지코코팩(코팩추천 메디힐)

안녕하세요. 지은입니다. 오늘은 오랜만에 상품 리뷰를 해보려고 합니다. 바로 메디힐의 [블랙헤드 멜팅 클리어 코팩] !! 지코코팩 메디힐 일명 지코코팩으로도 불린다는 블랙헤드 멜팅 클리어 코팩 지코님이 모델이라고 하니 왠지 신뢰도도 상승하고 더 힙한 제품인 것 같은 느낌이 드네요. 무엇보다 지코님 코에 저 옐로 포인트!! 패키지 디자이너의 감각이 돋보이는 제품이라고 생각합니다. 그냥 코팩을 붙인 사진보다 더 인상적이고 재미있어요. 단상자 뒷면 제품을 보실 때는 뒷면의 상세 내용도 꼼꼼히 챙겨 보셔야 해요 사용 순서라던가 제품의 특징, 주요성분들을 체크해 봅니다. 제일 큰 글씨로 쓰여있듯이 이 제품은 1차로 패치를 이용하여 블랙헤드를 녹이고 2차로 스패출러로 추출하는 제품인 것 같아요 그리고 3차 패치로 진정시켜서 마무리~ 구성품 한 상자에 들어있는 내용 구성품입니다. 1차 피지 연화 패치 2차 듀얼 피지 스패출러(요게 정말 최고임!) 3차 모공 수렴 패치 이렇게 3가지 구성품이 4회

원문보기 내부링크
Naver Blog

[도서리뷰] 조직을 성공으로 이끄는 프로덕트 오너

기획자, PM, PO를 위한 추천 책 목록에서 빠지지 않는 책 중의 하나 "조직을 성공으로 이끄는 프로덕트 오너" 리뷰해 보겠습니다~~ 쿠팡의 PO가 말하는 애자일 혁신 전략 : 조직을 성공으로 이끄는 프로덕트 오너 지은이 : 김성한 지은이 김성한 님은 쿠팡의 프로덕트 오너 PO라고 하시네요. 거짓말 조금 보태서 매일 쓰는 쿠팡 앱! 그 쿠팡 앱의 PO라고 하시니 글 내용이 더욱 궁금해졌어요. 쿠팡 앱을 즐겨 쓰시는 분들은 아시겠지만 우리나라 커머스에서 쿠팡처럼 사용자를 위한 배려와 비즈니스가 잘 되어 있는 앱도 드물잖아요. 쿠팡을 쓸 때마다 느껴지는 것! 정말 촘촘하다! 마치 거미줄처럼 소비자가 빠져나갈 구멍이 없음! 하고 매번 감탄을 한단 말이죠~ ㅎㅎㅎㅎㅎㅎ 책의 전체적인 내용은 PO로서의 마인드, 애티튜드 그리고 현장에서의 경험담을 통한 해결법 등... PO를 잘 모르는 사람도 쉽고 흥미롭게 읽을 수 있는 내용이었어요. 덕분에 PO 직무에 대해서 대략적으로 경험해 볼 수 있었

원문보기 내부링크
Naver Blog

이중턱 관리 꿀팁 - 한혜진 마스크팩, 메디힐 찰턱마스크

안녕하세요~^^ 오늘은 이중턱, 턱밑살 관리에 좋은 메디힐 찰턱마스크를 소개해 드리려고 합니다! 찰떡 아니고요~ 찰턱입니다! ㅋㅋㅋㅋㅋㅋ 요즘 들어 부쩍 팔자주름과 더불어 턱밑살 처짐이 심해져서 고민이 많습니다 ㅠㅠ 피부에 탄력이 떨어지면 대표적으로 티가 나는 곳이 팔자주름과 턱밑살인 것 같아요 피부과도 다녀봤는데 비용도 비용이지만 너무 아프더라고요 ㅠㅠ 피부가 얇아서 더 아픈 것 같기도 하고... 하여튼 된통 당하고(?) 나서부터는 피부과 시술이 꺼려집니다... 그런데 턱밑살, 이중턱에 좋은 리프팅 마스크팩이 나왔다고 해서 냉큼 사용해 보았어요!! 1박스에 4매가 들어있어요 바로 메디힐 레티놀 콜라겐 크림 윤곽 마스크! 일명 한혜진 마스크팩이라고 한데요. 자기 관리에 철저한 한혜진 님이 유튜브에서 직접 소개한 마스크팩이라고 해요. 오호~ 유튜브 영상을 보니 신뢰감 상승! 그럼 제품의 특징을 한 번 살펴볼까요? 1박스에 4매가 들어있어요 한 박스에 요렇게 4매가 들어있는 구성이에요!

원문보기 내부링크
Naver Blog

냄새제거에 탁월한 편백수 탈취제 - 편백수 피톤치드 스프레이

저는 편백수 탈취제를 꽤 오래전부터 사용하고 있는 슈퍼 유저입니다! 특히 청소할 때! 이불, 옷방, 신발장, 소파 등등... 청소의 마무리는 언제는 편백수 탈취제죠! 집먼지 진드기의 천연 퇴치제가 편백수라고 하잖아요 그리고 무엇보다 집안 냄새제거에는 편백수 탈취제가 정말 좋은 것 같아요! 그래서 오늘은 꽤 괜찮은 편백수 탈취제를 하나 소개해하려고 합니다. 바로~ 편백수 피톤치드 스프레이, 편백수 원액, 편백수 탈취제 김민재 편백 입니다. 편백수 피톤치드 스프레이, 편백수 원액, 편백수 탈취제 100% 최고급 편백 단일 성분, 인공 화학 물질 0% 라고 하니 좀 더 자세히 알아볼까요? 편백수 피톤치드 스프레이, 편백수 원액, 편백수 탈취제 김민재 편백은 100% 순수 국내산 편백나무 추출수로서 정제수, 솔 오일, 측백 오일 등 저가 원료는 사용하지 않는다고 합니다. 향료, 방부제 등 자극적인 인공 원료도 사용하지 않고요 피톤치드 함량이 가장 높은 국내산 편백나무 추출수만을 사용한다고

원문보기 내부링크
Naver Blog

[디자인 가이드] 머티리얼 디자인 가이드 번역 - Material3 접근성 높은 디자인

Accessible design 접근성 높은 디자인 : 접근성 높은 디자인을 통해 다양한 능력을 가진 사용자가 UI를 탐색하고 이해하고 즐길 수 있습니다. Accessibility basics 접근성 기본 사항 시작하기 머티리얼 접근성 사양, 패턴 및 플랫폼별 지침을 살펴보기 전에 접근성 디자인의 기본 사항에 대해 알아보세요. 보조기술 보조 기술은 장애가 있는 개인의 기능적 능력을 증가, 유지 또는 개선하는데 도움이 됩니다. 사람들은 키보드, 스크린 리더, 점자 디스플레이, 추적 입력, 돋보기, 음성 입력과 같은 장치를 통해 기술을 활용함으로써 보다 독립적으로 생활할 수 있습니다. 이미지 출처 : https://m3.material.io/foundations/accessible-design/accessibility-basics 아이콘은 다양한 입력 방법과 사용자 요구에 대한 이해가 필요한 인터랙티브 요소의 한 예입니다. 이 예에서는 아이콘의 대상 영역을 식별하여 확장된 아이콘 둘레가

원문보기 내부링크
Naver Blog

[디자인 가이드] 머티리얼 디자인 가이드 번역 - Material3 접근성 높은 디자인

Accessible design 접근성 높은 디자인 : 접근성 높은 디자인을 통해 다양한 능력을 가진 사용자가 UI를 탐색하고 이해하고 즐길 수 있습니다. Overview 개요 접근성 및 머티리얼 디자인 기본적으로 접근성은 머티리얼의 기본 디자인 값입니다. 광범위한 인간 경험과 장애를 이해하고 예상하면 비용이 많이 드는 리다지인을 방지하고 기술 및 디자인 부채를 줄이며 자원을 미리 보존하는 제품 기초가 설립됩니다. 머티리얼 컴포넌트에 내장된 접근성 표준은 포괄적인 제품 디자인을 위한 기초를 제공하도록 설계되었습니다. 제품의 접근성을 이해하면 저시력, 실명, 청각 장애, 인지 장애, 운동 장애 또는 상황적 장애(예 : 팔 부러짐)가 있는 사용자를 포함하여 모든 사용자의 사용성을 향상시킬 수 있습니다. 시작하기 접근성 요구사항 및 목표는 컴포넌트 페이지 및 가이드에 걸쳐 문서화되어 있습니다. 컴포넌트 가이드에서 접근성 표준은 암묵적(설계 및 코드에 내장됨)일 뿐만 아니라 명시적(판단이

원문보기 내부링크
Naver Blog

뉴로랩스 그랜티정 포뮬러 : 갑상선 호르몬 합성 요오드 영양제 리뷰

오늘은 우리 몸의 대사와 에너지 생성에 중요한 역할을 하는 갑상선 건강에 대해 이야기하려고 합니다. 특히 최근 건강검진에서 갑상선 관련 문제를 경험하거나, 주변에서 이를 겪는 사람들을 보면서 자연스럽게 관심을 갖게 되었습니다. 갑상선이 하는 역할 갑상선은 목 앞부분에 위치한 나비 모양의 기관으로, 몸의 대사를 조절하는 갑상선 호르몬을 분비합니다. 이 호르몬은 다음과 같은 중요한 역할을 합니다. 1. 대사 속도 조절 체온 유지와 에너지 생산에 필수적이에요 2. 심장 건강 심박수를 조절하고 혈액 순환에 기여합니다. 3. 뇌 기능 지원 기억력과 집중력을 포함한 정신 건강에도 영향을 줍니다. 4. 성장과 발달 특히 어린 시기의 성장 발달에 중요한 역할을 합니다. 이처럼 갑상선은 우리 몸의 엔진과도 같은 역할을 하죠. 하지만 갑상선 기능에 이상이 생기면 여러 가지 문제가 나타날 수 있어요. 갑상선 기능 이상이 미치는 영향 갑상선 호르몬 수치가 정상 범위를 벗어나면 다양한 증상이 나타날 수 있

원문보기 내부링크
Naver Blog

[디자인 가이드] 머티리얼 디자인 가이드 번역 - Material 3 시작하기

머티리얼 3에 대해서 알아보자 : UX 지침 및 툴에서 재사용 가능한 컴포넌트와 오픈 소스코드에 이르기까지 https://m3.material.io/get-started Material은 무엇인가요? 머티리얼 디자인은 Google 디자이너와 개발자가 구축하고 지원하는 디자인 시스템입니다. Material.io에는 Android, Flutter 및 Web 용 UI 컴포넌트 구현 및 심층 UX 안내가 포함되어 있습니다. 최신 버전인 Material 3은 역동적인 색상과 향상된 접근성에서 대형 화면 레이아웃 및 디자인 토큰의 기초에 이르기까지 개인적이고 적응적이며 표현적인 경험을 가능하게 합니다. UX 기반 색상, 유형 및 모양과 같은 기초는 머티리얼에서 사용자 정의 가능한 시스템입니다. 오픈 소스 코드 아름다운 제품을 더 빠르게 구축할 수 있는 멀티 플랫폼 코드 튜토리얼, 케이스 스터디 그리고 뉴스 업데이트, 심층 분석 등을 보려면 Material의 블로그를 팔로우하세요. https:/

원문보기 내부링크
Naver Blog

[디자인 가이드] 머티리얼 디자인 가이드 번역 - Material 3 기초

Foundations 기초 Foundations는 접근성 표준에서 레이아웃 및 상호 작용을 위한 필수 패턴에 이르기까지 훌륭한 사용자 인터페이스의 기초를 알려줍니다. Accessibility 접근성 접근 가능한 디자인을 통해 다양한 능력을 가진 사용자가 UI를 탐색하고 이해하고 즐길 수 있습니다. Adaptive design 적응형 디자인 적응형 레이아웃은 사용자, 장치 및 화면 요소의 입력에 반응합니다. 머티리얼 가이드는 휴대폰과 태블릿에서 데스크톱 및 그 이상에 이르기까지 다양한 화면 크기에 맞게 디자인하는 방법을 설명합니다. Customizing Material 머티리얼 커스터마이징 M3는 인터페이스에서 브랜드 표현을 그 어느 때보다 간단하고 아름답게 만듭니다. Design tokens 디자인 토큰 토큰은 색상 및 글꼴과 같은 스타일 값을 저장하므로 디자인, 코드, 도구 및 플랫폼에서 동일한 값을 사용할 수 있습니다. Interaction states 상호작용 상태 상태는 컴포

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 Day18 - 집안일

집안일 #21데이드로잉클럽 #21데이드로잉클럽2기 #일러스트 #illustration #drawing #아이패드드로잉 #아이패드그림 #아이패드일러스트 #프로크리에이트 #프로크리에이트드로잉 #프로크리에이트그림 #21데이드로잉클럽2기day18 #집안일 #빨래방

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 Day19 - 텃밭

텃밭 #21데이드로잉클럽 #21데이드로잉클럽2기 #일러스트 #illustration #drawing #아이패드드로잉 #아이패드그림 #아이패드일러스트 #프로크리에이트 #프로크리에이트드로잉 #프로크리에이트그림 #21데이드로잉클럽2기day19 #텃밭

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 Day20 - 겁먹은 모습

#21데이드로잉클럽 #21데이드로잉클럽2기 #일러스트 #illustration #drawing #아이패드드로잉 #아이패드그림 #아이패드일러스트 #프로크리에이트 #프로크리에이트드로잉 #프로크리에이트그림 #21데이드로잉클럽2기day20 #겁먹은모습

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 Day21 - 할로윈

#21데이드로잉클럽 #21데이드로잉클럽2기 #일러스트 #illustration #drawing #아이패드드로잉 #아이패드그림 #아이패드일러스트 #프로크리에이트 #프로크리에이트드로잉 #프로크리에이트그림 #21데이드로잉클럽2기day21 #할로윈

원문보기 내부링크
Naver Blog

[일러스트] 고양이 간식 주기

#드로잉 #브이로그 #드로잉브이로그 #일러스트 #아이패드 #아이패드그림 #아이패드드로잉 #프로크리에이트 #프로크리에이트그림 #프로크리에이트드로잉 #고양이간식 #붕어빵그림

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 2기 Day 8 - 자전거

자전거 #21데이드로잉클럽 #21데이드로잉클럽2기 #일러스트 #illustration #drawing #아이패드드로잉 #아이패드그림 #아이패드일러스트 #프로크리에이트 #프로크리에이트드로잉 #프로크리에이트그림 #21데이드로잉클럽2기day8 #자전거

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 Day 9 - 북극곰

북극곰 #21데이드로잉클럽 #21데이드로잉클럽2기 #일러스트 #illustration #drawing #아이패드드로잉 #아이패드그림 #아이패드일러스트 #프로크리에이트 #프로크리에이트드로잉 #프로크리에이트그림 #21데이드로잉클럽2기day9 #북극곰

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 Day10 - 과학자 마리 퀴리

과학자 : 마리 퀴리 #21데이드로잉클럽 #21데이드로잉클럽2기 #일러스트 #illustration #drawing #아이패드드로잉 #아이패드그림 #아이패드일러스트 #프로크리에이트 #프로크리에이트드로잉 #프로크리에이트그림 #21데이드로잉클럽2기day10 #과학자 #마리퀴리

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 Day11 - 로맨틱

로맨틱 #21데이드로잉클럽 #21데이드로잉클럽2기 #일러스트 #illustration #drawing #아이패드드로잉 #아이패드그림 #아이패드일러스트 #프로크리에이트 #프로크리에이트드로잉 #프로크리에이트그림 #21데이드로잉클럽2기day11 #로맨틱

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 Day12 - 느릿느릿

느릿느릿 #21데이드로잉클럽 #21데이드로잉클럽2기 #일러스트 #illustration #drawing #아이패드드로잉 #아이패드그림 #아이패드일러스트 #프로크리에이트 #프로크리에이트드로잉 #프로크리에이트그림 #21데이드로잉클럽2기day12 #느릿느릿

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 Day13 - 보름달

보름달 #21데이드로잉클럽 #21데이드로잉클럽2기 #일러스트 #illustration #drawing #아이패드드로잉 #아이패드그림 #아이패드일러스트 #프로크리에이트 #프로크리에이트드로잉 #프로크리에이트그림 #21데이드로잉클럽2기day13 #보름달

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 Day14 - 구두

구두 #21데이드로잉클럽 #21데이드로잉클럽2기 #일러스트 #illustration #drawing #아이패드드로잉 #아이패드그림 #아이패드일러스트 #프로크리에이트 #프로크리에이트드로잉 #프로크리에이트그림 #21데이드로잉클럽2기day14 #구두

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 Day15 추석 (꽃송편)

#21데이드로잉클럽 #21데이드로잉클럽2기 #일러스트 #illustration #drawing #아이패드드로잉 #아이패드그림 #아이패드일러스트 #프로크리에이트 #프로크리에이트드로잉 #프로크리에이트그림 #21데이드로잉클럽2기day15 #추석 #꽃송편

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 Day16 샌드위치

샌드위치 #21데이드로잉클럽 #21데이드로잉클럽2기 #일러스트 #illustration #drawing #아이패드드로잉 #아이패드그림 #아이패드일러스트 #프로크리에이트 #프로크리에이트드로잉 #프로크리에이트그림 #21데이드로잉클럽2기day16 #샌드위치

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 Day17 - 한복

한복 #21데이드로잉클럽 #21데이드로잉클럽2기 #일러스트 #illustration #drawing #아이패드드로잉 #아이패드그림 #아이패드일러스트 #프로크리에이트 #프로크리에이트드로잉 #프로크리에이트그림 #21데이드로잉클럽2기day17 #한복

원문보기 내부링크
Naver Blog

꿈과 현실

가끔... (보다 많이) 꿈과 현실을 구분하기 어렵다. 꿈에서는 현실과 헷갈리고 현실에서는 꿈과 헷갈리고 #아이패드드로잉 #아이패드그림 #아이패드스케치 #아이패드인물화 #연필화 #그림 #스케치 #인물화

원문보기 내부링크
Naver Blog

뒷모습

뒷모습 며칠 전 머리를 단발로 정리했다. 이번에는 허리까지 길러보려고 했는데... 단발 병이 도져서... 항상 반복인 것 같다. #아이패드드로잉 #아이패드그림 #아이패드스케치 #아이패드인물화 #연필화 #그림 #스케치 #인물화

원문보기 내부링크
Naver Blog

21데이 드로잉 클럽 Day 1 - 눈사람

눈사람 #21데이드로잉클럽 #21데이드로잉클럽2기 #21데이드로잉클럽2기day1 #눈사람

원문보기 내부링크
1 2 3 4 5 6