Column
سوۋۇق تاڭ ئاستىدىكى قارا كۆك رەڭلىك دەپتەر
«ئىستون»دا دېگۈدەك ئاق رەڭلىك ئارقا كۆرۈنۈشتە چوڭقۇر، ئورگانىك كۆك رەڭ ئىشلىتىلگەن: بۇ بەت ئالدى بىلەن پۇختا بانكا مەھسۇلاتى يۈزىگە، ئىككىنچىسى تەرەققىياتچىلار ئويۇن مەيدانىغا ئوخشايدۇ. ماركا رەڭگى يەككە ئەمەس، بەلكى ماسلاشتۇرۇلغان جۈپ - كۆك كۆك #111a4a جىددىي قۇرۇلما، يالپۇز يېشىل #44b48b سانلىق مەلۇمات ۋە كود - بىرلا ئىسسىق ئاپېلسىن رەڭ (#ec652b) Brex كارتىسىغا ئوخشاش يۇقىرى كۈچلۈكلۈكتىكى ئالاھىدە يۈزلەر ئۈچۈن ساقلانغان. خەت نۇسخىسىدا SuisseIntl ئاساسلىق ئورۇندا تۇرىدۇ، بۇ گېئومېتىرىيەلىك سانس سېرىف بولۇپ، 300 (ئۇلىنىش) دىن 600 (كۆرسىتىش) گىچە بولغان پۈتۈن ئېغىرلىق دائىرىسىدە ئىشلىتىلىدۇ، بۇ سىستېمىغا كۆپىنچە پۇل-مۇئامىلە تېخنىكىسى شىركەتلىرىدە يوق بولغان نەپىس، تەھرىرلىك ئۇسلۇب بېرىدۇ. كارتىلار چوڭ ئاق يۈزلەردە نېپىز، قاتلاملىق سايە بىلەن لەيلەپ تۇرىدۇ؛ كۆپىنچە كۆرۈنمە يۈزى ئېلېمېنتلىرى تەكشى بولۇپ، چوڭقۇرلۇق پەقەت كارتىنىڭ فىزىكىلىق ئوبيېكتقا ئوخشاش ھېس قىلىنىشى كېرەك بولغان جايلاردا كۆرۈنىدۇ (سودا كىچىك دېتاللىرى، مەھسۇلات ماكېتلىرى). كود ۋە پۇل-مۇئامىلە سانلىق مەلۇماتلىرى مونوخروم، دېڭىز كۆپۈكى رەڭگىدە كۆرسىتىلىدۇ - بۇ بۇنىڭ ئىنژېنېرلار تەرىپىدىن ئىنژېنېرلار ئۈچۈن ياسالغان بانكا ئىكەنلىكىنىڭ كۆرۈنۈشلۈك سىگنالى.
بەت قۇرۇلمىسى تولۇق كەڭلىكتە بولۇپ، ئوتتۇرىسىغا كەڭ يان گىرۋەكلەر قويۇلغان (ئۈستەل يۈزىدە 64-15 سانتىمېتىر). ئاساسلىق ئېكران بۆلۈنگەن لايىھە: ماۋزۇ ۋە ھەرىكەت چاقىرىقى سولغا 25 سانتىمېتىر قىلىپ تىزىلغان، ئوڭ تەرەپكە يېرىم رەڭلىك خەرىتە ئارقا كۆرۈنۈشىگە قارشى 55 سانتىمېتىر قىلىپ لەيلىمە سودا كىچىك قورالى قويۇلغان. ئاساسلىق ئېكراننىڭ ئاستىدا، بۆلۈملەر ئاق (4 سانتىمېتىر) ۋە يورۇق رەڭلىك (5 سانتىمېتىر) رەڭلەر بىلەن ئالمىشىپ تۇرىدۇ، 6 سانتىمېتىرلىق تىك ئۆستەڭلەر بار. مەزمۇن يەككە 6 ئىستونلۇق تور شەكلى بويىچە تىزىلغان: تېكىست بۆلەكلىرى 4 ئىستوننى (7 سانتىمېتىر) ئىگىلەيدۇ، رەسىم/مەھسۇلات كارتىلىرى 5-6 ئىستوننى ئىگىلەيدۇ، تور شەكلىدىن قەستەن يۆتكىلىدۇ. ئالاھىدىلىكلەرنى تەسۋىرلەيدىغان بۆلۈملەر 2 ئىستونلۇق لايىھەنى قوللىنىدۇ: تېكىست سول تەرەپتە، مەھسۇلات ئوڭ تەرەپتە. ئىشەنچ ستاتىستىكىسى بۆلىكى بەتنىڭ تولۇق كەڭلىكى بويىچە 4 ئىستونلۇق تور شەكلىگە بۆلۈنگەن. خېرىدارلارنىڭ بەلگىلىرى 48 پىكسېللىق ئۆستەڭلەر بىلەن بىر مەركەزلىك قۇرغا جايلاشقان. ئاستى تەرىپىدە ئىخچام ئىككى ئىستونلۇق لايىھە بار. يول باشلاش سىستېمىسى ئاساسىي ئېكراننىڭ ئۈستىدىكى مۇقىم، ئېگىزلىكى 62 پىكسېللىق، سۈزۈك ئۈستۈنكى بالداق بولۇپ، سىز سىيرىغاندا ئاق رەڭگە ئۆزگىرىپ كېتىدىغان تۇتۇق ئارقا كۆرۈنۈشكە ئىگە. يان بالداق ياكى چوڭ تىزىملىك يوق - ئېچىلىدىغان تىزىملىكلەر ئاددىي ئوق شەكىللىك تىزىملىكلەر.
كۆرۈنۈش ئۇسلۇبى مىنىمالىست ۋە ئىقتىدارلىق -- «Column» رەسىم سىزىشتىن پۈتۈنلەي ساقلىنىدۇ. كۆرۈنۈش تىلى ئۈچ مەنبەگە ئاساسلانغان: (1) SVG سانلىق مەلۇمات رەسىملىرى، بولۇپمۇ نۇقتىلىق يېرىم رەڭلىك دۇنيا خەرىتىسى، ئىندىگودىن ئاپېلسىن رەڭگىچە، فىرۇزە رەڭگىچە بولغان گرادىيېنت بىلەن كۆرسىتىلىپ، ئاساسلىق ئېلېمېنتنىڭ ئارقىسىدا دۇنياۋى كۆلەمدىكى كەيپىيات يارىتىدۇ؛ (2) مەھسۇلات كارتىسى لايىھەسى -- ئاق كارتىلاردا ھېسابات قالدۇقى، يۆتكەش تەپسىلاتلىرى ۋە JSON كود پارچىلىرىنى كۆرسىتىدىغان سۇ ئۈستىدىكى كىچىك قوراللار، دراماتىك سايە بىلەن؛ (3) دىئاگرامما كۆرۈنۈشلىرى -- ئىشەنچ/ستاتىستىكى بۆلىكىدە ئىشلىتىلگەن ئىنچىكە تۇتاشتۇرۇش سىزىقلىرى بار فىرۇزە شەم ياكى بالداق دىئاگراممىلىرى. يېرىم رەڭلىك خەرىتە بىر خاس كۆرۈنۈش ئېلېمېنتى -- ئۇنىڭ گرادىيېنتىسى #d65620 (ئاپېلسىن رەڭ) دىن بىنەپشە، كۆك، كۆك، فىرۇزە ۋە سېرىق رەڭلەرگىچە ئۆتۈپ، پۈتۈن ماركا پەلتىسىنى بىرلا بېزەك يۈزىدە بىرلەشتۈرىدىغان سپېكتىر ھاسىل قىلىدۇ. بەلگىلەرنىڭ #232730 ياكى #a9acb6 نۇسخىلىرىدا بىردەك سىزىق قېلىنلىقى 1.5–2px بولۇپ، ئاكتىپ ھالەتلەر ئۈچۈن تولدۇرۇش بار. تۇرمۇش ئۇسلۇبىدىكى سۈرەتلەر، ئابستراكت 3D رەسىملەر يوق — بۇ چەكلىمە مەھسۇلات ۋە سانلىق مەلۇماتلارغا دىققەتنى مەركەزلەشتۈرۈش ئۈچۈن لايىھەلەنگەن.
پالتىرا
ماركا
- Indigo Navy
#111a4a— ئاساسلىق ماركا رەڭگى ھەرىكەتكە چاقىرىق قىلىش، ئاكتىپ يول باشلاش ھالىتى، باشلىق ۋە لوگو ئۈچۈن ئىشلىتىلىدۇ. قېنىق بىنەپشە-كۆك رەڭ تور بېكەتكە پۇختا، ئەمما مول قارا رەڭ بېرىدۇ؛ ئاق تېكىست بىلەن بىرلەشتۈرۈلگەندە، تور بېكەتتىكى ئەڭ جەزبىدار كۇنۇپكىنى ھاسىل قىلىدۇ. - Seafoam 600
#44b48b— كود ۋە سانلىق مەلۇمات رەڭگى كود پارچىلىرىدىكى JSON ئاچقۇچلىرى، ئېنىقلىغۇچلىرى ۋە پۇل-مۇئامىلە قىممەتلىرىنىڭ ماركا رەڭگى. ئۇ يەنە دىئاگراممىلار ۋە ئېشىش كۆرۈنۈشلىرىدىكى سانلىق مەلۇمات نۇقتىلىرى ئۈچۈنمۇ ئىشلىتىلىدۇ. - Seafoam 700
#167e6c— سانلىق مەلۇمات مەزمۇنى ئىچىدىكى سىزىق، دىئاگرامما سىزىقلىرى ۋە سىنبەلگە گەۋدىلىرى ئۈچۈن دېڭىز كۆپۈكىنىڭ قېنىقراق سايىسى. بۇ دېڭىز كۆپۈكىنىڭ كۆلىمىنى قېنىقراق ئارقا كۆرۈنۈشكە باغلايدۇ. - Seafoam 400
#94efb7— بەلگىلەنگەن كود پارچىسى كود بۆلەكلىرى ئىچىدىكى قۇر قىممەتلىرى، URL ئادرېسلىرى ۋە API ئاخىرقى نۇقتىلىرىنى ئۆز ئىچىگە ئالىدۇ. ئەڭ سۇس دېڭىز كۆپۈك رەڭگى يېشىل رەڭلىك بىر بوشلۇقلۇق خەت شەكلىدە ئوقۇلىدۇ. - Deep Sea
#023247— جەدۋەلنىڭ بېزەكلىك سىزىقى ۋە گەۋدىلىك رەڭگى SVG رەسىملىرى ۋە سانلىق مەلۇماتلارنى كۆرسىتىشتە ئىشلىتىلىدىغان قويۇق فىرۇزە رەڭ بولۇپ، دېڭىز كۆپۈكى رەڭ ئۆلچىمى بىلەن بىرلىكتە ئىشلىتىلىدۇ.
نېيترال
- Midnight Ink
#011821— قاراڭغۇ يۈز ۋە يورۇتۇلغان تېكىست – مەھسۇلات كارتىسىنىڭ ئارقا كۆرۈنۈشى، يۇقىرى كونتراستلىق ئاساسلىق تېكىست. كۈلرەڭ رەڭگە يېقىنراق بولۇپ، سوغۇق كۆك-يېشىل رەڭدە؛ بۆلەكنى تەتۈر ئۆزگەرتىشكە توغرا كەلگەندە قاراڭغۇ ھالەتنىڭ ئاساسى سۈپىتىدە ئىشلىتىلىدۇ. - Slate Ink
#3b3e47— ئىككىنچى دەرىجىلىك ماۋزۇ ۋە ئاساسلىق تېكىست Midnight Ink غا قارىغاندا سەل ئىللىقراق بولۇپ، ساپ قارا رەڭ يېنىك رەسىمدە بەك قاتتىق كۆرۈنىدىغان جايلاردا ئىشلىتىلگەن. - Steel
#7c7f88— ئاساسلىق تېكىست ۋە ئۇلىنىش تېكىستىدە سۇس رەڭ ئاساسلىق ئورۇندا تۇرىدۇ (ئاساسلىق تېكىستتە 245 قېتىم ئىشلىتىلگەن). تىنچ دەپ قارىلىدىغان، ھەرگىز سۇلۇپ كەتمەيدىغان نېيترال كۈلرەڭ-كۆك رەڭ. - Fog
#a9acb6— سىنبەلگە سىزىقلىرى، ئۈچىنچى دەرىجىلىك چېگرالار ۋە ئورۇن بەلگىلىگۈچ تېكىست. ئوتتۇراھال كۈلرەڭ رەڭ، تېكىست بىلەن رىقابەتلەشمەي تۇرۇپ ئۇنى ئايرىيدۇ. - Mist
#cbcccf— ئاساسلىق تېكىست - ئىمزا، ئەسكەرتىش ۋە كىچىك خەتلەر - ئاق رەڭلىك ئارقا كۆرۈنۈشتە ئوقۇشقا بولىدۇ، ئەمما كۆرۈنۈش جەھەتتىن ئانچە كۆزگە چېلىقمايدۇ. - Silver Lining
#e3e4e8— كارتا چېگرالىرى، كىرگۈزۈش مەيدانى چېگرالىرى، بۆلۈش سىزىقلىرى. بۇ قۇرۇلمىلىق، نەپىس رەڭ ئىككى يۈزنى سايەسىز ئايرىشقا توغرا كەلگەندە ئىشلىتىلىدۇ.
تىپوگرافىيە
10 دىن 60 پىكسېلغىچە · 10 قەدەم
- SuisseIntl — ئالماشتۇرۇش: Inter · پىلانلار 300, 400, 500, 600 · ئاساسلىق خەت نۇسخىسى – بارلىق ماۋزۇلار، ئاساسىي تېكىست، كۇنۇپكىلار، يول باشلاش، ئۇلىنىشلار ۋە كارتا تېكىستلىرى ئۈچۈن ئىشلىتىلىدۇ. ئۆزگىچە گېئومېتىرىيەلىك sans serif خەت نۇسخىسى «Column» غا ئالاھىدە تەھرىر ئۇسلۇبى بېرىدۇ، ئۇنى پەقەت Inter-only بىلەن ئىشلەيدىغان باشقا پۇل-تېخنىكا شىركەتلىرىدىن پەرقلەندۈرىدۇ. ئېغىرلىقى ماۋزۇلار ئۈچۈن 52–60 پىكسېل، تارماق ماۋزۇلار ئۈچۈن 500، ئاساسىي تېكىست ئۈچۈن 400 ۋە تۆۋەن تەكىتلەنگەن ئۇلىنىشلار ئۈچۈن 300 پىكسېل بولغاندا 600 پىكسېل.
- SuisseIntlMono — ئالماشتۇرۇش: JetBrains Mono · پىلانلار 400 · SuisseIntl غا ئوخشاش بىر بوشلۇقلۇق خەت نۇسخىسى بولۇپ، تېخنىكىلىق بەلگىلەر، API ئېنىقلىغۇچلىرى ۋە UI ئېلېمېنتلىرىغا كىرگۈزۈلگەن سانلىق مەلۇماتلار ئۈچۈن ئىشلىتىلىدۇ. ئۇ SuisseIntl بىلەن ئوخشاش نىسبەتنى ساقلايدۇ، شۇڭا بىر بوشلۇقلۇق ۋە نىسبەتلىك تېكىست ئارىلاشما مۇھىتلاردا توغرا ماسلىشىدۇ.
- SFMono — ئالماشتۇرۇش: Fira Code · پىلانلار 400 · كود پارچىسىنى كۆرسىتىش – JSON مىساللىرى ۋە API ھۆججەت بۆلەكلىرىدە كۆرسىتىلىدۇ. دېڭىز كۆپۈكى رەڭگى كودنى UI تېكىستىدىن كۆرۈنۈش جەھەتتىن پەرقلەندۈرۈش ئۈچۈن ئىشلىتىلىدۇ.
ئارىلىقلار ۋە شەكىل
| مەقسەت | مەنىسى |
|---|---|
| زىچلىق | ئوتتۇراھال |
| ئاساسىي قەدەم | 8px |
| كۇنۇپكا رادىئۇسى | 8px |
| كارتا رادىئۇسى | 8px |
| سايە | سايە ئورنىغا چېگرا يوق |
| بۆلۈملەر ئارىسىدا | 72px |
| بەت كەڭلىكى | 1200px |
سۈنئىي ئەقىل تور بېتىڭىزنى Column ئۇسلۇبىدا قۇرۇپ، ئۇنى تولدۇرىدۇ
- Instagram ، TikTok ، Facebook قاتارلىق ئۇلىنىشلار ئارقىلىق مەھسۇلاتلار ۋە يازمىلارنى تولدۇرۇڭ.
- كونا تور بېتىڭىزدىكى مەزمۇنلارنى يۆتكەڭ - پەقەت ئادرېسنى كۆرسىتىڭ.
- ئەڭ ياخشى ماتوردىكى زامانىۋى لايىھە: سېرۋېر رېندېرلاش ۋە SEO ئەلالاشتۇرۇش بىلەن React ( Next.js).
- ئىزدەش نەتىجىلىرى ۋە نېرۋا تورى تەۋسىيەلىرى ئۈچۈن تولۇق ئاپتوماتىك SEO ئەلالاشتۇرۇش.
ئوخشاش ئۇسلۇبلار
- dope.security — بىنەپشە رەڭلىك ماياكلار بىلەن بېزەلگەن يېرىم كېچە تېرمىنالى
- Leonardo — تەتۈر تەھرىرلىك رەسىمخانا. قارا تاملىق مۇزېي، بۇ مۇزېيدا بىنەپشە رەڭلىك ماۋزۇلار تامغا ئورنىتىلغان، سۈنئىي ئەقىل ئارقىلىق ياسالغان سۈرەتلەر ئاستى تەرەپتىكى زىچ تور شەكلىدە ئېسىلىپ تۇرىدۇ.
- VEED — نېئون يېشىل چىراغ كۇنۇپكىلىرى بار ئاق رەسىمخانا تېمى
- Craft Docs — رەسىم سىزىش ئۈچۈن رەقەملىك كوللاج. بۇ لايىھە ئەستايىدىل، قول تېگىشكە بولىدىغان رەسىم سىزىش دەپتىرىگە ئوخشايدۇ، بۇ يەردە قۇرۇلمىلىق رەقەملىك نوتىلار يۇمشاق، ئورگانىك توقۇلمىلار بىلەن بىرلىشىدۇ.
- Letter — ئامباردىكى يالتىراق بۇيۇملارنى كۆرگەزمە قىلىدىغان شەخسىي رەسىمخانا. قارا تاملىق كۆرگەزمە بوشلۇقى، رەسىمخانانىڭ رەڭلىك تاملىرىدىكى خروم ھەيكەللەرنىڭ ئۈستىدە سېرىف خەتلىك ماۋزۇلار لەپىلدەپ تۇرىدۇ.
- Railway — «كوسمىك يېرىم كېچە تېز پويىزى». قاراڭغۇ، يۇلتۇزلار يورۇقلۇقىدىكى بوشلۇقتا، ئېنىق سىگناللار يېتەكچىلىكىدە، تىنچ ۋە ھاياجانلىق سەپەر.
- Garden Eight — قايماق رەڭلىك قەغەزگە بېسىلغان چوڭ باش ماقالە. 215 پىكسېللىق سېرىف ماۋزۇسى ئىسسىق پېرگامېنتنىڭ ئۈستىدە يالغۇز قويۇلغان بولۇپ، ئۇنىڭ ئەتراپى سۇ ئۈستىدە لەيلەپ يۈرگەن ھەيكەلتىراشلىق شەكىللەر ۋە دېڭىز ھاۋاسىنى ئەسلىتىدىغان سەلبىي بوشلۇق بىلەن قورشالغان - بۇ بەت باشقۇرۇش تاختىسىدىن كۆرە سەنئەت مونوگرافىيەسىنىڭ مۇقاۋىسىغا ئوخشايدۇ.
- Steep — ئىسسىق قەغەزدىكى Serif خەت نۇسخىلىرىنى تەھلىل قىلىش
- ElevenLabs — ئىللىق قايماق رەڭدە يېزىلغان، نېپىز ماۋزۇلۇق سۈرەتلىك ماقالە. باۋخاۋس ئۇسلۇبىدىكى خاتىرە دەپتىرى — تۇخۇم پوستى رەڭلىك قەغەز، قارا سىياھ ۋە مەھسۇلاتنى كۆرسىتىش ئۈچۈن بىر دانە بىنەپشە ۋە ئاپېلسىن رەڭلىك بېزەك.
- Awesomic — كونفېتتىنى ئەسلىتىدىغان ئاپېلسىن رەڭلىك تىنىش بەلگىلىرى بار تەھرىرلىك سىنىك تورى
- Monad — ئىسسىق پېرگامېنتقا بېسىلغان تەھرىرلىك تېخنىكىلىق ژۇرنال
- AI for Business — ئىللىق كۈلرەڭ رەڭلەردىكى رەھىمسىز تەھرىر كۆرگەزمە زالى