본문 바로가기
반응형

전체 글37

🍅 고추장 비빔면에 토마토를 넣었더니, 뜻밖의 밸런스가 완성됐다 그날따라 입맛이 없었다.평소 같으면 그냥 맵고 시원한 비빔면 한 그릇으로 때웠을 텐데,냉장고를 열다가 토마토 하나가 눈에 들어왔다.“이거, 혹시… 넣으면 맛있을까?”(예전에 박신혜 배우가 토마토 김치를 만든 게 떠오르기도 했고.) 바로 부엌으로 가서비빔면을 찬물에 헹궈 시원하게 준비하고,토마토를 큼직하게 썰어 곁들였다.(물론, 사진도 한 컷 찰칵📷) 고추장 양념 비빔면에 토마토라니.이 조합이 말이 되나 싶었는데,한 입 먹자마자 고개를 끄덕였다.🍅 토마토는 산뜻했고, 고추장은 진득했다.그 둘이 만나니 맛의 균형이 절묘하게 맞았다.토마토 특유의 산미가 고추장의 단짠매콤함을 정리해주듯 깔끔하게 마무리되었고,큼직하게 썰어 넣은 토마토의 부드러운 식감은쫄깃한 면발과 대비되어 오히려 더 상쾌했다.🧠 문득, 토.. 2025. 4. 23.
공감각 색채이론으로 풀어보는 감성배색 – 오감을 자극하는 KS 색상 정리 감성디자인과 컬러마케팅에서 ‘색’은 단순한 시각 요소가 아닙니다.**오감(미각, 후각, 청각, 촉각)**을 자극하는 공감각(Synesthesia)의 연장선상에서 색을 설계해야 합니다.이 글에서는 KS 표준색체계를 기반으로 한 오감별 색채연상을 정리합니다. ✅ 1. 미각(Mouthfeel) 기반 색채 연상항목연상색KS 색상/톤심리 반응식욕R, YR, Yvv-R, vv-YR, lt-Y자극, 포만감단맛P, RPlt-P, pl-RP부드러움, 달콤함신맛Y, GYvv-Y, lt-GY상쾌함, 생기짠맛B, Gysf-B, gy정제, 절제쓴맛PB, dkgydp-PB, dkgy깊이, 성숙✅ 2. 후각(Smell) 기반 색채 연상향기대표 색상KS 기준상징감오렌지향YRvv-YR, lt-YR상큼함, 활력라일락향Plt-P, pl-.. 2025. 4. 21.
✅ 색의 연상, 색채치료, 공감각 표현 완전정리 감성디자인, 컬러리스트 자격 준비, 시각 커뮤니케이션, 감성 UI에 모두 활용 가능! 🎨 색의 연상과 색채치료 효과 (KS 색채 표준 기반) 색상구체적 연상추상적 연상색채치료 효과 🔴 빨강 (R) 장미, 피, 사과 정열, 폭발, 위험 활력 상승, 우울 해소 (과도시 흥분 유발) 🟠 주황 (YR) 귤, 단풍, 고구마 희열, 만족, 식욕 식욕 촉진, 활력 부여 (강장제 효과) 🟡 노랑 (Y) 병아리, 금, 햇빛 유쾌, 창의, 희망 우울 해소, 두뇌 자극 (집중력 향상) 🟢 연두 (GY) 새싹, .. 2025. 4. 21.
배색이란? 1. 배색의 핵심은 ‘감정 이미지’ 구성배색이란 단순한 색의 나열이 아닌, 감정적 메시지를 시각적으로 전달하는 행위입니다.따라서 배색의 첫 단계는 **감정을 시각화할 수 있는 ‘주조색’**을 찾는 것입니다.2. 주조색 선정 기준: 색상・명도・채도주조색은 전체 배색의 방향성을 결정합니다.예) 슬픔 → 저채도 + 저명도 + 한색 계열예) 생기 → 고채도 + 고명도 + 난색 계열명확한 주제를 설정하고, 그 감정에 맞는 조합을 설계해야 합니다.3. 보조색・강조색의 역할보조색은 주조색의 감정을 흐리지 않으면서 보완하는 색.대부분 고명도・무채색으로 구성강조색은 시각적 리듬을 주는 포인트. 비율은 전체의 5% 이하👉 강조색이 주조색보다 튀거나 많으면 배색 실패!4. 배색 구성 팁주조색 비율: 70~80%보조색: 2.. 2025. 4. 20.
웹사이트를 만들고 싶다면 반드시 알아야 할 핵심 개념 정리 🔍 (워드프레스 입문자 필독) 📖 본문:워드프레스를 설치하거나 웹사이트를 구축할 때 자주 듣게 되는 용어들,사실 제대로 이해 못 한 채 넘어간 적 많지 않으세요?이번 글에서는 초보자가 꼭 알아야 할 웹 구축 핵심 개념을 정리합니다.단순 암기가 아닌, ‘왜 필요한가’를 중심으로 설명해볼게요!🧠 웹사이트 구성의 기본 구조🖥️ 서버 (Server)서비스를 제공하는 컴퓨터예: 네이버, 유튜브 등은 서버에 저장된 콘텐츠를 보여줌👤 클라이언트 (Client)서비스를 요청하고 받는 컴퓨터우리가 사용하는 브라우저(크롬, 사파리 등)는 클라이언트🛠️ 웹사이트를 움직이는 기술 요소🌐 Apache웹서버 프로그램클라이언트가 요청한 웹페이지를 찾아서 보여줌🔣 PHP서버에서 동작하는 프로그래밍 언어예: 로그인, 글쓰기, 검색 같은 기능은 대부분 .. 2025. 4. 20.
🎨 Figma 플러그인과 도구로 디자인 시스템 구축 완전 자동화 가이드 디자인 시스템 구축은 단순한 UI 정리가 아닙니다.색상, 타이포그래피, 컴포넌트, 변수, 사양 문서화, 개발 연동까지 — 모든 요소가 통합적으로 관리되어야 하죠.이 글에서는 Figma에서 디자인 시스템 구축을 **효율적이고 자동화된 방식으로 진행할 수 있는 핵심 플러그인 10종+**를 정리합니다.🌈 1. 컬러 팔레트 생성 도구① css color-mix()역할: 최신 CSS 함수 기반으로 색상을 혼합해 자연스러운 그라데이션과 팔레트를 만듭니다.특징:HSL, LCH, OKLCH 등 다양한 색 공간 지원두 가지 색상을 섞어 % 비율로 다양한 중간색 생성출력된 색은 CSS 코드로 바로 활용 가능사용 예:색상 A (보라) + 색상 B (오렌지) → 퍼센트 기반 그라데이션 생성테마별 색상 스펙 확인 및 미리보기.. 2025. 4. 20.
반응형

티스토리툴바