왜 교육용 편집 자료를 표방하나요
한국 독자는 트렌드뿐 아니라 어떤 도구로 만들고 어떤 기준으로 평가받는지 궁금해합니다.
그래서 이 사이트는 선택과 판단에 도움이 되는 글을 우선합니다. 각 주제는 실제 도구의 공개 설명과 시상 측의 공개 지표 안에서만 다룹니다. 확인되지 않은 수치나 순위는 싣지 않습니다. 초보자가 첫 시간에 흥미를 잃지 않도록 첫 단계부터 따라갈 수 있게 씁니다.
소개 · Drevonix 웹디자인 가이드
Drevonix는 어떤 기준으로 디자인 정보를 고를까요
회색 밑그림 위에 완성 화면을 겹쳐보세요. Drevonix는 대전 서구 문화동로 33에 자리한 웹디자인 정보 편집팀입니다. drevonix.info는 도구 소개와 흐름 정리, 평가 기준 해설을 한곳에 모은 교육 자료입니다.
판매 페이지가 아니라 읽고 비교하는 자료라는 점이 출발점입니다. 이 페이지에서는 누가, 어떤 기준으로 글을 고르고 다듬는지 설명합니다.
drevonix.info · 교육용 편집 자료
대전 서구 · 월–금 09:00–18:00
라이브 레이어 · 정렬 확인
Drevonix 편집 기준
밑그림이 화면이 되는 과정
모바일 읽기 순서 · 첫 단계 · 비교 가능성
Figma와 Framer는 어디서 갈릴까?
질문이 소제목이 됩니다. 버스 안에서도 막히지 않게.
정렬됨 · 2026-11-13운영 주체
운영 주체와 연락 지점은 어디인가요
어느 페이지에 들어와도 같은 사업자의 같은 자료로 읽히도록 이름과 도메인, 연락처를 하나로 유지합니다.
사이트 이름
Drevonix 웹디자인 가이드 — 교육용 편집 자료를 표방하는 정보 모음입니다.
도메인
drevonix.info — 모든 글은 이 주소 안에서 읽고 비교하는 흐름으로 연결됩니다.
오프라인 기준점
33, Munhwadong-ro, Seo-gu, Daejeon, 35242 — 대전 서구 문화동로 일대의 읽기 환경을 기준으로 삼습니다.
전화 · 시간
+82-42-485-6712 · 월–금 09:00–18:00, 이용 방법은 문의 페이지에 정리돼 있습니다.
메일
[email protected] — 자료 정정과 출처 확인 요청을 받는 창구입니다.
방문 전 확인이 필요하면 주소와 운영 시간을 글로 먼저 보고 문의 페이지에서 이어가 주세요.
편집 방향
멋진 모음보다 선택에 도움되는 글
어떤 주제만 다루나요
다루는 범위는 여덟 가지 실체로 한정됩니다. Framer, Webflow, Adobe XD, Figma, Squarespace 같은 도구와 BIGC, Seoul Design Award 2026, 웹어워드코리아 같은 평가 사례입니다.
범위를 벗어난 브랜드나 신규 순위는 임의로 덧붙이지 않습니다. 범위를 좁힌 대신 각 항목의 용도와 맥락을 구체적으로 풀이합니다.
대전 디자인 스튜디오의 약속
좁게 다루고 깊게 풀이합니다. 도구가 바뀌면 해당 부분만 고치고, 해마다 바뀌는 시상 내용은 연도를 분명히 적습니다.
고르는 법
글을 고를 때 무엇을 확인하나요
세 가지 질문을 통과한 글만 싣습니다. 그렇게 정리된 질문이 각 페이지의 소제목이 됩니다.
첫째 · 읽기 순서
모바일 화면에서 읽기 순서가 자연스러운가
버스 안에서 끊어 읽어도 문단이 짧고 소제목이 질문 형태인지 봅니다. 반응형과 모바일 우선 관점에서 문장이 막히지 않는지 먼저 확인합니다.
둘째 · 첫 단계
초보자가 따라 할 첫 단계가 있는가
와이어프레임, 프로토타입 같은 말이 처음 나와도 짧은 풀이와 함께 바로 손을 움직일 수 있는지 봅니다. Figma와 Framer는 무엇을 만드는 단계에서 갈리는지 질문으로 정리합니다.
셋째 · 비교
같은 범주 안에서 비교가 가능한가
도구의 공개 설명과 평가 측의 공개 지표 안에서 비교할 수 있는 글만 둡니다. 그리드, 타이포그래피, 디자인 시스템처럼 기준이 되는 말은 맥락과 함께 풀이합니다.
말 풀이
어려운 용어는 어떻게 풀어주나요
웹디자인, 반응형, 모바일 우선, UI/UX, 와이어프레임, 프로토타입, 디자인 시스템, 그리드, 타이포그래피, 마이크로인터랙션, 랜딩페이지, 퍼포먼스 최적화 같은 말을 자주 씁니다.
처음 나오는 페이지에서는 짧은 풀이를 함께 둡니다. 영문 병기는 도구 이름처럼 고유명사일 때만 둡니다. 대전 독자가 버스 안에서 읽어도 막히지 않는 문장을 기준으로 다듬습니다.
제작 실무 가이드 보기광고 표현
광고성 표현은 어떻게 피하나요
최고나 1위 같은 단정 표현, 결과 보장형 문장은 쓰지 않습니다. 수치와 날짜는 공개 자료에 적힌 범위에서만 씁니다.
- Figma 관련 72% 수치는 State of the Designer 2026 소개에 적힌 문장으로만 다룹니다.
- 운영 부담이 적다는 식의 표현도 Squarespace의 관리형 서비스라는 사실 안에서만 풀이합니다.
- 비교 글은 장단점을 함께 적고, 판단은 독자의 상황에 맡깁니다.
대전과의 연결
짧게 끊어 읽는 화면을 기준으로
편집 기준은 대전 서구에서 실제로 화면을 보는 상황을 떠올리며 정합니다. 문화동로 일대의 이동 동선처럼 짧은 시간에 끊어 읽는 경우를 상상합니다. 그래서 문단을 짧게 나누고 소제목에 질문을 둡니다. 지역 행사나 상권 정보는 다루지 않고 읽기 환경만 기준으로 삼습니다.
믿을 수 있는 자료
데모처럼 보이지 않기 위해 무엇을 하나요
모든 문장은 HTML 안에 그대로 담는 것을 전제로 씁니다. 스크립트가 돌아야만 보이는 문장은 두지 않습니다. 이름과 도메인, 연락처와 주제가 어긋나지 않게 유지합니다. 남은 자리 표시나 견본 문장을 남기지 않습니다. 방문자가 어느 페이지에 들어와도 같은 사업자의 같은 자료로 읽히도록 합니다.
확인되지 않은 수치와 순위는 싣지 않습니다. 웹디자인 가이드로서 비교 가능한 사실만 남깁니다.
손질 원칙
앞으로 어떻게 손질되나요
새로운 도구가 나와도 기존 여덟 가지 틀을 함부로 넓히지 않습니다. 대신 같은 도구 안에서 바뀐 공개 설명이 있으면 해당 부분을 고칩니다. 시상 일정처럼 해마다 바뀌는 내용은 연도 표기를 분명히 합니다. 오래된 문장은 지우고 짧게 다시 씁니다.
이어 읽기
기준을 알았다면, 비교로 확인하세요
Drevonix 웹디자인 가이드의 다음 장은 도구 비교입니다. Framer, Webflow, Figma, Adobe XD, Squarespace를 같은 질문으로 나란히 놓고 읽어보세요.