Vortixy 디자인 시스템이 모든 화면을 차분하게 지키는 법: 미니멀 프로 규칙, 하나의 유리 면, 유동 타이포, 라이트와 다크 테마, 열네 언어.
Vortixy 디자인은 작업 공간 뒤의 조용한 시스템입니다. 화면도 카드도 버튼도 같은 차분한 규칙을 따르기에, 인터페이스는 비켜서고 학습과 글쓰기와 리서치가 앞줄에 섭니다. 미니멀 프로는 기능이 적다는 뜻이 아닙니다. 각 기능이 자리를 지키고, 첫눈에 주의를 빼앗지 않는 곳에 묶인다는 뜻입니다. 각 화면에는 주 동작이 딱 하나입니다. 채팅에서는 보내기, 다른 곳에서는 일을 앞으로 이끄는 유일한 버튼입니다. 부차적인 것은 한 번의 클릭 뒤에 있습니다. 더보기 메뉴, 시트, 탭, 접이식 구간입니다. 삼차적인 것은 두 번의 클릭 안에 있습니다. 미로 없는 깊이, 어지럼 없는 힘입니다. 결과는 시험 전날 자정에도 마감일 정오에도 잘 읽히는 공간입니다. 이 글은 시스템 전체를 안내합니다. 화면, 서체, 테마, 컴포저, 리서치, 접근성, 그리고 열네 언어입니다.
차분한 인터페이스는 인지 부하를 낮춥니다. 넉넉한 여백, 하나의 분명한 위계, 설명서가 필요 없는 보이는 기본값입니다. 보이는 조작은 항상 여섯 개 안에 둡니다. 열다섯 가지 동작이 있는 화면에서는 아홉 개가 펼침 뒤에서 얌전히 기다립니다. 채팅 컴포저는 최대 네 개를 보입니다. 입력칸, 추가 버튼, 모드 알약, 보내기입니다. 랜딩 헤더는 여섯 개를 지킵니다. 채팅과 요금제 바로가기, 로그인, 자료, 분명한 행동 유도 하나입니다. 메시지 동작은 다듬기와 내보내기 구획이 분명한 하나의 메뉴에 모입니다. 사이드바는 다섯 개의 정직한 탭으로 정리됩니다. 채팅을 먼저 보이고, 이미지, 보관함, 예약 작업, 프로젝트는 한 발 뒤에 둡니다. 복잡함을 줄이는 것은 아름다움을 빼는 일이 아니라, 각 픽셀에 일을 주는 일입니다. 움직임은 뽐내지 않고 설명합니다. 인과를 보여주는 150에서 300밀리초의 짧은 전환입니다. 과한 애니메이션 화면은 공격적으로 느껴집니다. 쉬운 설명에 손짓이 너무 많은 사람 같습니다. 새 화면은 공개 전에 360픽셀, 768픽셀, 데스크톱에서 점검합니다. 어느 너비에서 여섯 개 규칙이 깨지면, 나머지는 누르지 않고 묶습니다. 차분함은 마무리의 칠이 아니라 팀 전체의 공유된 제약입니다.
Vortixy는 하나의 유리 면에 그려집니다. 카드마다 테두리 하나, 부드러운 그림자 하나, 옅은 빛 하나입니다. 쌓인 투명도도 무지개 배지도, 주의를 다투는 상주 알약도 없습니다. 히어로 뒤의 분위기 캔버스는 투명하고 장식적입니다. 초점도 클릭도 훔치지 않고 분위기만 만듭니다. 유리는 장식이 아니라 구조를 위해 둡니다. 탐색 막대, 머리글, 모달이 흐림 층을 맡습니다. 내용은 두 테마에서 편안한 대비의 단단하고 읽기 쉬운 면에 놓입니다. 카드는 제품 전체에서 하나의 둥근 모서리, 하나의 여백 리듬, 하나의 조용한 호버를 나눕니다. 이미지는 치수가 명시된 최신 형식을 써서, 로딩 중에 레이아웃이 뛰지 않습니다. 장식 층은 모션 감소 설정을 존중하고, 고요를 원하는 사람 앞에서 멈춥니다. 떠 있는 층의 뜻은 항상 하나입니다. 작업 위에 있으며 닫을 수 있습니다. 여기의 일관성은 실용적입니다. 카드 하나를 알면 모두를 압니다. 새 부품은 그림자와 둥근 모서리를 새로 만들지 않고 이 토큰을 재사용합니다. 눈은 몇 분이면 체계를 익히고, 이내 알아채지 않게 됩니다. 그것이 목표입니다.
서체는 단계별 토큰으로 뷰포트에 따라 유동적으로 크기가 바뀝니다. 작은 꼬리표부터 히어로 제목까지입니다. 표시용 목소리 하나, 본문 목소리 하나. 대비는 세 번째 서체가 아니라 크기와 굵기에서 납니다. 줄 길이는 편안한 읽기 범위에 머물고, 여백은 깨지지 않고 화면과 함께 자랍니다. 여백 토큰은 안정된 박자를 지킵니다. 휴대폰에서는 조밀하게, 데스크톱에서는 넉넉하게, 항상 균형 있게요. 제목은 단계를 뛰지 않습니다. 한 페이지에 제목 하나, 정연한 내림차순을 스크린리더가 따라갑니다. 로딩 뼈대는 최종 높이와 몇 픽셀 차이로 맞아, 흘러드는 내용이 레이아웃을 밀지 않습니다. 경로 전환은 공유 요소를 고정합니다. 머리글은 뛰지 않고, 바닥글은 춤추지 않습니다. 숫자와 날짜와 단위는 로케일 서식을 따르니, 긴 합성어도 짧은 한 글자도 똑같이 담깁니다. 버튼은 최소 너비를 지켜, 짧은 표시가 읽히지 않는 파편으로 무너지지 않습니다. 긴 낱말은 넘치지 않고 줄을 바꿉니다. 그릇은 휘고, 글은 숨 쉬고, 잘리는 것은 없습니다. 치수 결정은 모두 특별한 숫자가 아니라 토큰입니다. 한 곳의 바뀜이 전체에 닿습니다. 한 시간의 읽기는 종이 같아야 합니다. 조용하고, 고르고, 불시에 덮치지 않게요.
두 테마는 첫날부터 나란히 설계됩니다. 한쪽을 뒤늦게 뒤집지 않습니다. 어두운 면은 새까만 검정이 아니라 깊은 회색을 쓰고, 떠 있음은 밝은 단으로 보입니다. 어둠 위의 밝은 글은 눈부심이 아니라 부드러운 흰색에 기대어, 지친 눈에 상냥합니다. 밝은 도형의 번짐을 피하려고, 어두운 바닥의 강조색은 채도를 살짝 낮춥니다. 본문 대비는 양쪽 모두 4.5 대 1이며, 추정이 아니라 검증된 값입니다. 테마는 시스템 취향을 따르고, 그 위에 손으로 고른 선택을 기억합니다. 고대비의 필요는 색 하나가 아니라, 강한 텍스트 역할과 보이는 초점 고리로 메웁니다. 초점은 항상 보입니다. 모든 조작 요소에 2픽셀의 분명한 윤곽과 어긋남을 둡니다. 상태는 색에만 두지 않습니다. 색상과 함께 그림과 말이 뜻을 멥니다. 바꿔도 자리를 잃지 않습니다. 채팅도 밑그림도 스크롤 위치도 바뀜을 살아남습니다. 새 화면은 공개 전에 두 테마에서 나란한 캡처와 함께 봅니다. 방과 시간에 맞는 쪽을 고르세요. 작업 공간의 고요함은 어느 쪽도 같습니다.
컴포저는 유일한 입구입니다. 학습도 글쓰기도 조사도 계획도, 하나의 칸에서 시작합니다. 보이는 조작은 넷입니다. 입력칸, 파일과 그림 추가 시트, 모드 알약, 보내기입니다. 첨부는 같은 칸을 여행합니다. 문서도 그림도 소리도, 분명한 상한까지입니다. 모드 알약은 키보드 흐름을 떠나지 않고, 빠른 답과 깊은 생각을 바꿉니다. 제안된 스킬은 조용한 후보로 나타납니다. 도우미가 제안하고 당신이 정하고, 밑그림은 빼앗기지 않습니다. 긴 답은 만들어지면서 흘러들고, 스킬과 조사와 웹 단계의 진행이 함께 붙습니다. 웹 뒷받침이 있는 답은 반드시 누를 수 있는 출처판으로 마무리되며, 다음 절에서 깊이 다룹니다. 완성된 일은 깨끗이 채팅을 나갑니다. Word나 PDF로 내보내고, 보관함에 담고, 읽기를 잇습니다. 할당량은 보이고 정직합니다. 하루 예산은 요금제에 따라 다르며, 상한 전에 부드러운 알림이 옵니다. 한 블록에 한 과목, 마무리에 짧은 퀴즈를. 설계는 설교하지 않고 학습 순환을 밀어줍니다. 카드도 퀴즈도 같은 조용한 카드와 같은 내보내기 길을 쓰고, 어디서나 똑같습니다. 동시에 네 가지 조작은 제약이 아닙니다. 작업 공간이 조종석처럼 느껴지지 않는 이유입니다.
어려운 물음에는 계획된 조사가 붙습니다. 도우미가 물음을 나누고, 여러 각도에서 동시에 찾고, 다듬습니다. 요점에는 누를 수 있는 출처가 붙습니다. 둘셋을 열어, 무엇이 일치하는지 견주어 보세요. 단일 출처의 주장은 단서이지 사실이 아닙니다. 숫자 뒤의 출처를 인용하세요. 요약은 인용하지 마세요. 웹에 확실한 것이 없으면, Vortixy는 지어낸 링크가 아니라 분명히 말합니다. 범위를 좁히거나, 가장 가까운 문서화된 주제를 묻고, 다시 실행하세요. 검색 한 바퀴는 예산을 먹습니다. 정확한 한 물음이 막연한 세 물음에 항상 이깁니다. 출처판은 답 옆에 살고, 떠받치는 주장에서 한 번의 클릭 거리입니다. 인용 부호는 읽기를 더럽히지 않습니다. 글은 맑고, 증거는 붙은 채입니다. 깊은 조사는 추가 바퀴로 다듬고, 부풀리기가 아니라 빈틈을 좇습니다. 첨부는 일차 자료가 됩니다. 노트도 그림도 원문에 충실히 답에 엮입니다. 따져보기는 설계의 일부입니다. 인터페이스는 믿는 것보다 따지는 것을 빠르게 합니다. 감사할 수 있는 한 답은 그렇지 못한 열 답에 이깁니다. 그 셈을 위해 시스템이 있습니다.
접근성은 끝의 검사가 아니라 기반입니다. 의미 있는 마크업이 무게의 대부분을 멥니다. 링크는 나아가고, 버튼은 일하고, 모든 입력에 참된 표시가 있고, 그림에 의미 있는 대안이 있습니다. 키보드 조작은 완전합니다. 탭도 엔터도 공백도 화살표도 모두 닿고, 대화 상자의 초점은 정중히 머뭅니다. 대상 크기는 손가락에도 포인터에도 편안하게, 휴대폰도 데스크톱도 같습니다. 감소된 모션 설정은 존중됩니다. 필수가 아닌 움직임은 묻지도 않고 멈춥니다. 인증은 보조 기술을 막지 않습니다. 붙여넣기는 허용되고 수수께끼는 요구되지 않습니다. 열네 로케일은 임시 영어가 아니라 모국어의 결입니다. 각 글은 번역문이 아니라 원문으로 읽힙니다. 오른쪽에서 왼쪽으로 쓰는 말은 레이아웃 전체를 거울 비춤합니다. 길도 진행도 이동 경로도 글과 함께 뒤집힙니다. 서체는 출시하는 모든 문자를 덮고, 리스본부터 도쿄, 리야드까지 선명합니다. 날짜도 숫자도 통화도 지역 서식을 따르니, 4월 3일이 3월 4일로 읽히지 않습니다. 그림은 박힌 글자를 피하고, 언어별 다시 그리기를 필요로 하지 않습니다. 당신의 말로 된 조용한 설계, 당신의 도구로 읽히는 것. 그것이 이 절 약속의 전부입니다.
매번 같은 곳에서 시작합니다. 하나의 컴포저, 하나의 칸, 첫 질문 앞에 설정은 없습니다. 모드 알약은 키보드 흐름을 떠나지 않고 빠른 답과 깊은 생각을 바꿉니다. 두 번째 각도를 시험하는 데는 새 절차가 아니라 몇 초면 됩니다. 짧은 순환은 긴 순환을 이깁니다. 한 주제를 묻고, 답을 퀴즈로 바꾸고, 정직하게 채점하고, 내일 반복하세요. 시험 모드는 익숙한 조용한 카드를 그대로 씁니다. 읽기에서 연습으로 넘어갈 때 새로 배울 것이 없습니다. 완성된 일은 깨끗이 채팅을 나갑니다. Word나 PDF로 내보내어 내고, 사이사이 휴대폰으로 카드를 복습하세요. 사이드바는 채팅도 그림도 보관함도 예약 작업도 프로젝트도 다섯 개의 정직한 탭에 둡니다. 어제의 일은 탐색이 아니라 한 번의 클릭 거리입니다. 예측할 수 있는 화면은 다시 배우기를 없앱니다. 카드 하나와 내보내기 길 하나를 알면 모든 과목이 똑같이 돕니다. 인터페이스에서 아낀 시간은 그대로 본업으로 갑니다. 반복도 밑그림도 따져본 출처도 늘어납니다. 조용한 공간은 빠른 공간입니다. 주의야말로 가장 귀한 공부 자원이므로, 이 설계는 그것을 슬기롭게 씁니다. 오늘 밤은 한 블록, 한 주제, 짧은 퀴즈 하나로 시작하세요. 나머지 예식은 설계가 맡습니다.
밑그림 분실. 컴포저는 쓰는 동안 맥락을 계속 보여주고, 완성된 일은 기억 속이 아니라 당신의 문서가 됩니다. 읽히지 않는 본문. 두 테마 모두 본문 대비를 4.5 대 1로 검증하니, 밤샘 공부가 눈 찌푸리기로 바뀌지 않습니다. 색만으로 알리기. 상태는 반드시 색에 말과 그림을 곁들이니, 지친 눈도 낯선 화면도 끝남과 기다림을 바꾸지 않습니다. 움직임만으로 알리기. 중요한 바뀜은 글로도 알리니, 놓친 움직임이나 끈 연출 속에 중요한 것이 숨어 있지 않습니다. 제목 단계 건너뛰기. 한 페이지에 제목 하나, 정연한 내림차순이 낭독기와 훑어읽기를 같은 지도에 둡니다. 레이아웃 뜀. 로딩 뼈대는 최종 높이와 맞으니, 흘러드는 답이 읽던 문단을 밀지 않습니다. 꽉 찬 화면. 여섯 개 규칙이 묶기를 강제하니, 열다섯째 선택은 앞의 다섯을 누르지 않고 펼침 뒤에서 기다립니다. 채팅에서는 구체적입니다. 주 동작은 보내기 하나, 출처는 떠받치는 주장에서 한 번의 클릭 거리, 할당량은 조용히 떨어지지 않고 상한 전에 부드럽게 알립니다. 막음은 들을 때 보이지 않습니다. 실패를 만나지 않는 것, 그것이 가장 조용한 도움입니다. 좋은 설계는 일어나지 않은 실패의 수로 잽니다. 이 시스템은 그 수를 높게 지킵니다.
아닙니다. 어두운 면은 따로 설계됩니다. 깊은 회색과 떠 있음의 밝은 단을 씁니다. 강조색은 번짐을 피하려고 살짝 채도를 낮추고, 대비는 두 테마 모두 4.5 대 1로 검증합니다.
컴포저는 네 가지 조작으로 흐름을 지키고, 시험 모드는 노트를 퀴즈와 카드로 바꿉니다. 정직한 채점의 짧은 매일 분량은 주말 벼락치기에 이기고, 내보내기는 일을 휴대폰으로 나릅니다. 하루 만들기 예산은 요금제에 따라 다르니, 상한에서는 만든 카드 복습으로 바꾸세요.
열네 로케일은 모국어 문장, 오른쪽 거울 배치, 모든 문자의 서체를 갖춥니다. 숫자도 날짜도 통화도 지역을 따르니, 우연한 이국적인 읽기는 일어나지 않습니다.
시스템은 감소된 모션 설정을 존중하고, 움직임은 기본으로 짧고 목적 있는 것만 둡니다. 중요한 상태 바뀜은 말과 그림도 곁들이니, 중요한 것이 움직임 하나에 기대지 않습니다.
네. 프로젝트는 지시와 문서를 과목별로 묶으니, 물리는 역사나 말과 떨어진 자기 자리를 지킵니다. 카드도 퀴즈도 내보내기도 각 계획에서 똑같이 보이고, 과목 바꾸기는 화면 바꾸기가 아닙니다. 한 번 익힌 배치가 명부의 전 과정에 두루 쓰입니다.
채팅에서 시험해 보기