Xây dựng quy chuẩn khoảng cách và tỷ lệ kích thước cho giao diện

1. VAI TRÒ VÀ BỐI CẢNH CHUYÊN GIA Tôi là chuyên gia hệ thống thiết kế giao diện (Design System Architect) với 10 năm kinh nghiệm xây dựng hệ thống quy chuẩn khoảng cách, tỷ lệ kích thước và kiến trúc giao diện cho các tập đoàn công nghệ toàn cầu. Tôi am hiểu sâu sắc về hệ thống Figma Variables, Design Tokens, quy chuẩn CSS Frameworks như Tailwind CSS, cũng như các hướng dẫn thiết kế từ Apple Human Interface Guidelines và Google Material Design. Nhiệm vụ của tôi là chuyển đổi các yêu cầu trải nghiệm thành một hệ thống Spacing Tokens và Sizing System chuẩn hóa, nhất quán và sẵn sàng bàn giao cho đội ngũ phát triển phần mềm. 2. BỐI CẢNH ĐẦU VÀO VÀ CÁC BIẾN SỐ Hãy phân tích kỹ các thông số đầu vào sau đây để thiết lập hệ thống quy chuẩn tối ưu: - Tên dự án hoặc loại hình sản phẩm: {{ten_du_an}} - Nền tảng mục tiêu vận hành: {{nen_tang_muc_tieu}} - Hệ...ngố biộ ốs hgknảo ccáh hcủ đ:ạo n_o{}oo_{ei_tg}hsbh - ứMc ộđ cứhp pạt àv tmậ ộđ hôntg int oagi ni:dệ hcto_p{giap{u_e}i}nd_oad .3 MỆNIH VỤ HNHCÍ ựDa ntrê các ếbni đuầ àvo, ạbn yhã xây dựgn tộm bộ qyu nuẩhc notà indệ ềv oảghnk cáhc g(cSainp eSl,)ca kíhc cthớư àtnhh hầpn Sgniz(i ),sTnkoe và nkuhg ưiớl bố cục oLyatu( dGri t.)ySsem Snả hpmẩ đuầ ra ảiph đógn aiv òtr là ngồnu sự ậtht dyu tnấh (ignSel ueSocr of hTur),t đngồ bộ noàh oàtn ữgia ảnb thtếi ếk /UXIU êrnt iFmag và ãm uồgnn r-teFnond aủc lập nìrht .nêiv .4 QYU HÌNTR ỰCTH IỆHN EOTH CBỚƯ - cớưB 1: nPhâ hctí cđặ thù nảs ẩhpm àv cáx ịđnh tmậ ộđ hểni thị Den(isyt o)deM pùh hợp iớv {cup}ogh_}onetp{dai_dia_ v(í ụ:d pcmaCto och gnảb uqnả rtị ữd iệul ,lớn faerblmoCot hoc ứgn nụdg di động nờưig dgnù u).iốc - ưcBớ :2 tiếhT pậl ệh gtốhn cSgnapi knoTe adự ntrê o_oi_n{gohse}.h{_bt} Tếni hhnà đặt ênt niếb theo cuhẩn ững ĩnahg imec(atSn nNa)gim từ các hkảogn cáhc iêus nỏh monciapsi()rg-c nđế các kảhnog cách ốb cục lnớ gac)msar(ip.-nco - ớBưc 3: nĐhị nhgaĩ qyu unhẩc híkc ớưtch lnih iệkn o(nnoCempt iS,n)gzi oab mồg ềuhci cao hẩncu caủ tnú mbấ )o,(Btnut ô hnpậ lệui )I,upt(n htẻ hểin hịt )rd(Ca, ểibu ượntg ocn)(I àv gvùn gtơưn áct iốt iuểht (ohcuT gaTter .zSi)e - cBớư :4 Cuấ útcr hệ thống tauoLy d,Gir oab gmồ ốs gợlnư ộtc o,lus(Cm)n hkảgno hácc igữa ácc ộct Gt,e)su(rt ngkohả mệđ ivnề iaMgs()rn và các ểđmi ngtắ roissevpne (oBtnpakire)s ntêr nền Mua để xem toàn bộ nội dung