• 랜딩 페이지 전환을 높이기 위한 심리학 기반 전략

    높은 전환율을 보이는 랜딩 페이지를 만드는 데 금손 디자이너가 될 필요는 없습니다. 사람들이 어떻게 생각하는지를 이해하면 됩니다. 랜딩 페이지는 방문자를...

    디자인 전략/기획팁/테크닉
    2025.09.26

  • 색 선택의 심리학 : 웹 디자이너가 당신의 감정을 조종하는 방법

    페이스북이 파란색을 기본 색으로 선택한 이유, 또는 맥도날드가 빨간색과 노란색의 강렬한 조합을 사용하는 이유가 궁금했던 적이 있으신가요? 그 답은 색채...

    디자인 전략/기획팁/테크닉
    2025.09.17

  • 디자이너가 놓치기 쉬운 스티브 잡스의 UX 방식

    (이미지 출처 : ChatGTP 생성) 닐슨 노먼 그룹(Nielsen Norman Group)의 연구에 따르면, 사용자는 웹페이지에 체류할 지는 10초 이내에 결정됩니다. 네,...

    디자인 전략/기획팁/테크닉
    2025.09.12

  • UX 디자이너가 알아야 할 6가지 시각 디자인 원칙

    우리는 모양, 선 등 시각 디자인 요소에 대해 들어봤고, 대비, 강조, 리듬 등의 원리들을 압니다. 꼭 기억하세요.  제가 그래픽 디자이너로서...

    디자인 전략/기획팁/테크닉
    2020.09.07

  • 유명 브랜드들의 로고를 미친듯이 키워본 디자인 연구

    샌프란시스코의 아트디렉터이자 디자이너인 Andrew Wendling의 브랜드 로고들을 활용한 매력적인 프로젝트 입니다. 잘 자른 로고가 어떤 브랜드의 로고인지 쉽게 식별할 수 있는지에...

    팁/테크닉
    2019.09.30

  • 센스 있는 원형 메뉴 예제 14개 4

    기존의 메뉴를 탈피해서 원형의 메뉴로 구성할 생각 중이신 분들께 영감을 얻을 수 있을만한 원형 메뉴 예제입니다. 인터렉션들도 가지고 있기 때문에...

    팁/테크닉
    2018.07.09

  • 실용적인 7가지 디자인 팁 4

    사실 이 글의 원문은 디자이너가 없는 웹개발자에게 7가지 아이디어를 주는 글이였는데요. 디자이너가 읽기에도 충분하고 디자이너로 일하면서도 자각하고 있으면 좋은 내용이라...

    팁/테크닉
    2018.03.04

  • 정면 이미지를 입체 측면 이미지로 만들기

    위 이미지처럼 디자인 요소를 측면 입체로 노출하고 싶을 때가 종종 있습니다. 제일 많이 쓰일 때가 스크린샷이나 작품들을 나열할 때 쓰이죠....

    팁/테크닉
    2017.12.18

  • 포토샵 CC에 숨겨진 재미있는 기능

    대단한 기능은 아니고 소소한 즐거움을 느끼는 숨겨진 기능입니다. 동영상으로 짧게 준비했으니 재미삼아 보세요!

    팁/테크닉
    2017.11.27

  • github로 무료 웹호스팅, 미디어 호스팅 이용하기(for 디자이너) 23

    개인적으로 운영하는 사이트들 중에 서버 이용 때문에 웹호스팅 업체를 전전하던 경우가 종종 있으실 겁니다. 트래픽도 제한 걸리고, 용량도 제한 걸리고,...

    팁/테크닉
    2017.10.20

  • 디자이너로 컬러 선택 능력 키우는 팁 4

    이쁘디 이쁜 색감들을 가져다 모아모아 썼다가 이상하게 안어울리고, 온라인에 여기 저기에 피드 받고있는 디자인 정보 사이트에서 알려주는 컬러 관련 사이트들도...

    팁/테크닉
    2017.09.04

  • 모바일의 입력폼 디자인 개선 (feat.드롭다운 메뉴) 2

    우리는 종종 회원 가입, 정보 수정 페이지나 주문서 입력 페이지, 예약 신청과 같은 데이터 입력 폼이 들어간 페이지를 디자인할 때가...

    디자인 전략/기획팁/테크닉
    2017.08.22

  • 웹디자인을 위한 타이포그라피 10가지 팁 4

      커뮤니케이션은 디자인에 있어서 아주 중요한 역할을 합니다. 웹사이트와 사용자간의 명확한 연결과 사용자가 원하는 목적을 달성할 수 있도록 해주는 것이...

    디자인 전략/기획팁/테크닉
    2017.06.26

  • 2017년 웹디자인 트렌드

      이제 슬슬 웹디자인 트렌드나 UI / UX 트렌드라며 수 많은 정보들이 쏟아져 나올 법합니다. 이 포스팅은 그 중에 하나일...

    팁/테크닉
    2016.12.26

  • 접속 페이지의 사용 색, CSS 설정 다 알려주는 크롬 앱들

    웹디자인 작업을 하려고 웹사이트들을 돌아다니다 보면 다른 사이트나 디자인 작업물들의 색상 값이나 폰트 크기, 넓이 등 바로 알고 싶을 때가...

    팁/테크닉
    2016.12.26

  • 그림 모양대로 주변에 텍스트 줄 맞추기+css 마스크

    위 그림처럼 잡지에서 종종 큰 그림 또는 큰 카피 주변에 글자들이 일정 간격을 두고 정렬된 모습을 본 적이 있으실꺼예요. 웹에서...

    팁/테크닉
    2016.10.14

  • 웹폰트 초간편하게 변환해주는 사이트

    2018년 2월 13일 업데이트 : 또 다른 사이트를 발견해서 업데이트 합니다. https://transfonter.org/ 한글 폰트의 경우 변환이 잘 안될 때가 있는데...

    리소스/툴팁/테크닉
    2016.09.08

  • 크롬에서 스크린샷 편하게 찍는 크롬앱

    요근래에 스샷을 찍는 작업을 프린트스크린 버튼과 포토샵에 의존하다보니 귀찮아서 찾아봤습니다. 기존에 쓰던 것이 있었긴한데 업데이트 되면서 기능도 별로 안좋아지고 여러...

    팁/테크닉
    2016.06.24

  • 2월의 웹디자인 꿀팁 모음 8

    2월 중반이 되니 이번 달에 출시 혹은 발견한 툴 또는 웹사이트를 정리할 수 있게 되었습니다. 이미 알고 계시는 분들도 계실지도...

    리소스/툴트렌드팁/테크닉
    2016.02.22

  • 웹사이트의 퍼포먼스를 체크할 수 있는 사이트 9

    여러분께서는 내가 만든 웹사이트가 얼마정도의 퍼포먼스를 내는지? 어디가 문제인지? 검색에 용이하게 잘 만들었는지? 모바일에서는 최적의 효과를 내는지? 보안은 괜찮은지? 궁금하지...

    팁/테크닉
    2016.01.21

  • 풀사이즈 배경으로 동영상(또는 이미지) 삽입하기 4

     인터넷 속도도 빨라 졌기 때문인지 풀사이즈 백그라운드로 동영상을 삽입하는 사례들이 종종 있습니다. 예전에는 이미지로 어떻게든 시원하게 처리했었지만 이제는 동영상으로 더욱...

    팁/테크닉
    2016.01.13

  • 웹디자이너는 어떻게 일하고 뭐가 필요한가요? 6

    이 글의 제목은 아마 우리들이 실무에서 일하면서 자주 질문을 받으면서도 초년생 또는 취준생때 제일 많이 고민했던 이야기일지도 모릅니다.  미리 말씀드리자면...

    팁/테크닉
    2016.01.03

  • [외부링크] 구글 웹폰트로 만든 타이포그라피 예제

    구글 웹폰트를 이용한 타이포그라피들이 예제와 함께 있는 해외 포스팅입니다.http://tobiasahlin.com/typesource/각 아티클마다 view source를 누르시면 아래처럼 사용된 폰트들과 css 코드를 보실 수...

    팁/테크닉
    2015.11.04

  • SVG 파일을 웹에 코딩으로 그리기 2

    일러스트레이터로 그린 파일을 png나 jpg같은 파일로 만들지 않고 css코드만으로 웹사이트에 그리고  싶을 때가 있지 않나요? 왜냐하면 반응형 웹사이트를 만들 때 이미지들을 여러개...

    리소스/툴팁/테크닉
    2015.02.16

  • 임시(더미) 이미지 빠르게 얻기

    가끔 "가로 *** 픽셀에 세로 *** 픽셀의 샘플 이미지 열개 정도 어디 없나? 잠깐 더미로 넣어볼껀데.. 몇개 가져다가 다 자르기도...

    팁/테크닉
    2015.02.05

  • 웹폰트 변환 및 코딩하기 7

    웹폰트라 함은 이미 많은 정보들이 있어서 어떤 의미인지 아실 것으로 생각하고 넘어가도록 하겠습니다. 그래서 이번 시간에는 직접 일반 폰트를 웹폰트로...

    팁/테크닉
    2014.07.24

  • 무료 아이폰5s 목업 이미지

    포트폴리오나 샘플 페이지를 아이폰 기기의 디스플레이 창에 얹혀 놓고 사용할 때가 있습니다.제안을 나간다거나, 포트폴리오를 보여준다거나, 모바일웹 또는 어플이 어떻게 보여지는지...

    리소스/툴팁/테크닉
    2014.04.19

  • 포토샵 폰트 폴더 따로 관리 해보세요

    Windows OS를 쓰는 디자이너들은 대부분 폰트 파일을 windows/fonts 폴더안에 전부 넣어 사용하시리라 생각합니다. 물론 나쁜 것은 아닙니다.하지만 생각해보세요. 포맷을 한다거나...

    팁/테크닉
    2014.04.02

  • 포토샵 – [폰트 캐쉬 삭제] 삭제한 폰트도 계속 리스트에 존재할 때

    디자인 작업을 하다보면 폰트들을 많이 설치하게 된다. 그러다가 필요없는 폰트들이 많아서 정리를 하게 되어 몇몇 폰트들을 지우게 되는데 여전히 포토샵에는...

    리소스/툴팁/테크닉
    2014.03.13

코리아웹디자인 | 대표 : 남인식 | 사업자등록번호 : 389-37-01290 | admin@koreawebdesign.com

인천광역시 계양구 계양대로 40,3층 302호 오피스워크넷공유오피스 소호사무실 OW-HA-3106(작전동, 미림빌딩) | 0502-1935-1199