Visual Hierarchy

Visual Hierarchy skills and workflows surfaced by the site skill importer.

7 skills
P
typeset

by pbakaus

typeset cải thiện typography cho UI bằng cách rà soát lựa chọn font, phân cấp, kích thước, độ đậm và khả năng đọc. Phù hợp nhất khi dùng sau /frontend-design, kết hợp với /teach-impeccable nếu thiếu ngữ cảnh, để biến phần chữ chung chung thành một hệ thống chữ rõ ràng và có chủ đích hơn.

UI Design
Favorites 0GitHub 14.6k
P
quieter

by pbakaus

Skill quieter giúp giảm cường độ thị giác trong UI Design, làm giao diện bớt chói, gắt hoặc gây quá tải cảm giác mà vẫn giữ được thứ bậc, độ rõ ràng và cá tính thương hiệu. Phù hợp nhất khi dùng sau quy trình /frontend-design bắt buộc trong repository pbakaus/impeccable.

UI Design
Favorites 0GitHub 14.6k
P
polish

by pbakaus

Skill polish hướng dẫn quy trình rà soát UI ở bước hoàn thiện cuối cùng để chỉnh khoảng cách, căn chỉnh, câu chữ, trạng thái và chuyển động trước khi phát hành. Phù hợp nhất khi tính năng đã hoàn thiện về mặt chức năng, có đủ ngữ cảnh thiết kế, tiêu chuẩn chất lượng rõ ràng và mục tiêu cụ thể như một màn hình, luồng hoặc component.

UI Design
Favorites 0GitHub 14.6k
P
distill

by pbakaus

distill là skill giúp tinh gọn thiết kế UI bằng cách lược bỏ màn hình về đúng tác vụ cốt lõi. Dùng skill này để dọn bớt chi tiết thừa, giảm nhiễu và làm rõ thứ bậc thị giác. Hiệu quả nhất khi chạy sau /frontend-design, với một màn hình cụ thể, một mục tiêu người dùng chính và các ràng buộc bắt buộc phải giữ rõ ràng.

UI Design
Favorites 0GitHub 14.6k
P
colorize

by pbakaus

Skill colorize giúp các nhóm bổ sung màu sắc có chủ đích cho những thiết kế UI xám hoặc phẳng, thiếu điểm nhấn. Skill này hướng dẫn nên dùng màu ở đâu, vì sao điều đó quan trọng, và cách áp dụng trong bối cảnh thương hiệu, phân cấp, trạng thái ngữ nghĩa và sắc thái sẵn có. Nên dùng sau /frontend-design để đưa ra quyết định màu sắc đáng tin cậy hơn.

UI Design
Favorites 0GitHub 14.6k
P
bolder

by pbakaus

bolder là skill thiết kế UI giúp tăng sức nặng cho những giao diện nhạt nhòa hoặc quá an toàn bằng hệ thống phân cấp rõ hơn, độ tương phản mạnh hơn và cá tính hơn, nhưng vẫn giữ được tính dễ dùng. Phù hợp nhất khi dùng sau /frontend-design, và thêm /teach-impeccable nếu còn thiếu ngữ cảnh, trên một mục tiêu cụ thể như trang, section hoặc component.

UI Design
Favorites 0GitHub 14.6k
P
arrange

by pbakaus

Kỹ năng arrange giúp cải thiện bố cục UI, khoảng cách, cách nhóm thành phần và thứ bậc thị giác. Tìm hiểu khi nào nên dùng, cách arrange install từ repo GitHub hoạt động, và cách áp dụng arrange với ngữ cảnh /frontend-design để đưa ra quyết định UI Design tốt hơn.

UI Design
Favorites 0GitHub 14.6k