Framer
بوشلۇقتىكى نېئون رەسىمخانىسى
Framer پۈتۈنلەي قاراڭغۇلۇق سۈپىتىدە ئىشلەيدۇ - رەسىم كۆرگەزمىسىنىڭ ئېچىلىشىدا مەزمۇن نېئون بەلگىسىگە ئوخشاش لەيلەپ تۇرىدىغان قارا رەڭلىك رەسىم. GT Walsheim Medium دا تىزىلغان، سىزىق ئارىلىقى 0.8–1.1 ۋە مەنپىي ھەرپ ئارىلىقى (54 پىكسېلدا -0.04em) بىلەن يېزىلغان ماۋزۇلار، بەتتە رەتلىك تۇرۇشنىڭ ئورنىغا ئالدىغا قاراپ ئىلگىرىلەيدىغان قىسقىراق، بېزەكلىك خەت نۇسخىسىنى ھاسىل قىلىدۇ. يەككە ئېلېكتر كۆك رەڭ (#0099ff) بارلىق ئىقتىدار گەۋدىلىرىنى - چېگرا، پارقىراقلىق، سىنبەلگىلەر، ئاكتىپ ھالەتلەرنى تەمىنلەيدۇ، قالغان كۆرۈنمە يۈزى بولسا ئاق رەڭنى ساقلاپ قالىدۇ، ساپ قارا رەڭدىن چوڭقۇرلۇق يارىتىش ئۈچۈن نەپىس كۈلرەڭ ئۆزگىرىشلەرگە (#111, #171717, #242424) تايىنىدۇ. زاپچاسلار بېزەكچىلىكتىن كۆرە قارىلىدىغاندەك قىلىدۇ: 8–25 پىكسېللىق يۇمىلاق رادىئۇس، نېپىز 1 پىكسېللىق چېگرا، ئەڭ ئاز چۈشۈش سايىسى ۋە بوشلۇقنىڭ پارقىرىشىغا يول قويىدىغان يېرىم شەفاف يۈزلەر.
تولۇق كەڭلىكتىكى بۆلەكلەر قارا رەڭلىك رەسىمدىن ھالقىپ، مەزمۇنى ئەڭ چوڭ كەڭلىكى ~1200 پىكسېل بىلەنلا چەكلىنىپ، ئوتتۇرىسىغا جايلاشقان. ئاساسلىق بۆلەكتە سولغا تىزىلغان باشلىق ۋە بىرلا چاقىرىق (CTA) كۇنۇپكىسى بار، ئوڭ تەرىپى قەستەن بوش قالدۇرۇلغان - ئاسسىمېترىك ئەمەس، مەركەزلەشتۈرۈلمىگەن. بۆلەكلەر پەقەت تېكىستلىك لايىھەلەر (چوڭ باشلىق + تارماق تېكىست) ۋە مەھسۇلات ئېكران كۆرۈنۈشلىرى ئارىسىدا ئالمىشىپ تۇرىدۇ. «رامكا بىلەن بىللە كېلىدۇ» بۆلىكىدە 4 ئىستونلۇق تور شەكلىدىكى بەلگە تام ئىشلىتىلىدۇ. مەھەللە بۆلىكىدە، مەھسۇلات ئېكران كۆرۈنۈشى مەركەزلىك، تولۇق كەڭلىكتىكى قاپنىڭ ئىچىگە قويۇلىدۇ، بۇلۇڭلىرى يۇمىلاق. يول باشلاش ئەڭ ئاز - ئۈستۈنكى بالداقتا بەلگە سول تەرەپتە، ئۇلىنىشلار ئوڭ تەرەپتە تىزىلغان، كۆرۈنىدىغان كونتروللار يوق. بۆلەك رېتىمى: بۆلەكلەر ئارىسىدا 80 پىكسېللىق تىك بوشلۇقلار كۆرۈنەرلىك بولۇپ، بوشلۇقتا لەيلەپ تۇرغان ئالاھىدە مەزمۇن ئاراللىرىنى ھاسىل قىلىدۇ.
مەھسۇلاتنىڭ ئىشلەتكۈچى ئارايۈزىنىڭ سۈرەتلىرى ئاساسلىق ئورۇندا تۇرىدۇ - يول چىرىغى نۇقتىلىرى بار خرومغا ئوخشاش كۆزنەك بىلەن رامكىلانغان، قوللىنىشچان پروگراممىنىڭ قىستۇرۇلغان سۈرەتلىرى ئاساسلىق رەسىمگە ئايلىنىدۇ. سۈپەتنىڭ ئىسپاتى سۈپىتىدە خىزمەت قىلىدىغان لوگولار قارا رەڭلىك ئارقا كۆرۈنۈشتە ئاق ھەرپلەر بىلەن كەڭ بوشلۇقتا كۆرسىتىلىدۇ. ھېچقانداق سۈرەت، رەسىم ياكى ئابستراكت گرافىك ئىشلىتىلمەيدۇ - كۆرۈنۈش تىلى مەھسۇلاتنىڭ ئۆزى بولۇپ، جانلىق ئارايۈز سۈپىتىدە كۆرسىتىلىدۇ. سىنبەلگە ئۇسلۇبى: مىنىمالىست، سىزىقلىق، مونوخروم ۋە كىچىك چوڭلۇقتىكى ئاق. تېكىست زىچلىقى: ئاساسلىقى تېكىست، بەزىدە مەھسۇلات سۈرەتلىرى شەكلىدىكى چوڭ پارچىلار بار. بوشلۇقنىڭ كۆرۈنۈش تەڭپۇڭلۇقى رەسىملەرگە قارىغاندا خەت شەكلىنى ئېنىق قوللايدۇ.
پالتىرا
ماركا
- Vivid Violet
#0066ff— ئاساسلىق ھەرىكەت كۇنۇپكىسى كۆرۈنمە يۈزىدىكى بىر خىل رەڭلىك كۇنۇپكىنىڭ ئارقا كۆرۈنۈشى كۆرسىتىلىدىغان بىردىنبىر ئورۇن.
نېيترال
- Bone
#ffffff— ئاساسلىق ماۋزۇلار، قاراڭغۇ ئارقا كۆرۈنۈشتىكى ئاساسلىق تېكىست، كۇنۇپكا ئارقا كۆرۈنۈشى بىردىنبىر يورۇقلۇق مەنبەسى. - Void
#000000— بەت رەسىم تاختىسى، يول باشلاش ئارقا كۆرۈنۈشى، كارتا يۈزى، سىنبەلگىلەرنى تولدۇرۇش قاتارلىق چەكسىز قارا رەڭلەر بارلىق مۇھىم بولمىغان مەزمۇنلارنى سۈمۈرۈۋالىدۇ. - Graphite
#111111— كۆتۈرۈلگەن كارتا يۈزى بوشلۇقتىن بىر قەدەم يۇقىرىراق — چوڭ، ئىقتىدارلىق كارتىلار ۋە مودېل ساندۇقلار. - Obsidian
#171717— كۇنۇپكىلار، قوشۇمچە كارتىلار، UI تولدۇرۇش ئۈچۈن ئارىلىق يۈزە - ئۆز-ئارا تەسىر كۆرسىتىدىغان ئېلېمېنتلارنى رەسىمدىن ئايرىيدۇ. - Slate
#242424— تېكىست فورماتىغا ئالماشتۇرۇشتىن بۇرۇن، كۆرسەتكۈچنى ئېسىپ تۇرغاندا، كىرگۈزۈش مەيدانلىرى ۋە ئىچكى قىسىملىق تاختىلار ئەڭ پارلاق نېيترال رەڭ بولۇپ قالىدۇ. - Ash
#333333— ئاكتىپ بولمىغان ئارقا كۆرۈنۈش رەسىملىرى ۋە قۇرۇلما ئېلېمېنتلىرىنى چوڭقۇر تولدۇرۇش.
تىپوگرافىيە
12 دىن 68 پىكسېلغىچە · 8 قەدەم
- sans-serif — ئالماشتۇرۇش: Inter · پىلانلار 400 · sans-serif - ئېلىنغان سانلىق مەلۇماتلاردا بايقالغان، ئەمما سۈنئىي ئەقىل تەرىپىدىن تەسۋىرلەنمىگەن.
- GT Walsheim — ئالماشتۇرۇش: Inter Tight · پىلانلار 500 · ماۋزۇ ۋە ماۋزۇلارنىڭ خەت نۇسخىسى ماركا خەت نۇسخىسى. ئۇ ئاكتىپ ھالدا قىسقارتىلغان بولۇپ، قۇر ئارىلىقى 0.8–1.1، ھەرپ ئارىلىقى -0.04em دىن -0.05em غىچە، 44–68px دائىرىسىدە. ئۇ بېزەك ئېلېمېنتى ئەمەس؛ GT Walsheim نىڭ گېئومېتىرىيەلىك ئىللىقلىقى، قاتتىق ئۆلچەملەر بىلەن بىرلەشتۈرۈلۈپ، سىستېمىنىڭ ئاۋازىنى ھاسىل قىلىدۇ - ئىشەنچلىك، ئىخچام ۋە سەل كەلگۈسىگە ماس كېلىدۇ. ئوخشاش گېئومېتىرىيەلىك ئىپادىلەش ئۈچۈن، Inter Tight ياكى Space Grotesk Bold نى ئويلىشىپ بېقىڭ.
- Inter Variable — ئالماشتۇرۇش: Inter · پىلانلار 400 · ئاساسلىق تېكىست، يول باشلاش ۋە ئىككىنچى دەرىجىلىك ماۋزۇلار ئاساسلىق خىزمەت ئاتلىرى. Inter Variable ئوقى ئېغىرلىقلارنى راۋان ئارىلاشتۇرۇشقا يول قويىدۇ. چوڭلۇق چوڭايغانسېرى ئىز قوغلاش دائىرىسى تارىيىدۇ: -0.001em دىن 18px غىچە ۋە -0.027em دىن 22px غىچە. ئۆزگەرگۈچى نۇسخىسى تور بېكەتنىڭ راۋان مىكرو-ئەنىماتسىيەسىنى قوللايدۇ. ئالماشتۇرۇش: Inter ( Google) – ئاساسەن ئوخشاش زاپاس زاپاس.
ئارىلىقلار ۋە شەكىل
| مەقسەت | مەنىسى |
|---|---|
| زىچلىق | ئوتتۇراھال |
| ئاساسىي قەدەم | 10px |
| كۇنۇپكا رادىئۇسى | 9999px |
| كارتا رادىئۇسى | 20px |
| سايە | سايە ئورنىغا چېگرا يوق |
| بۆلۈملەر ئارىسىدا | 80px |
| بەت كەڭلىكى | 1200px |
سۈنئىي ئەقىل تور بېتىڭىزنى Framer ئۇسلۇبىدا قۇرۇپ، ئۇنى تولدۇرىدۇ
- Instagram ، TikTok ، Facebook قاتارلىق ئۇلىنىشلار ئارقىلىق مەھسۇلاتلار ۋە يازمىلارنى تولدۇرۇڭ.
- كونا تور بېتىڭىزدىكى مەزمۇنلارنى يۆتكەڭ - پەقەت ئادرېسنى كۆرسىتىڭ.
- ئەڭ ياخشى ماتوردىكى زامانىۋى لايىھە: سېرۋېر رېندېرلاش ۋە SEO ئەلالاشتۇرۇش بىلەن React ( Next.js).
- ئىزدەش نەتىجىلىرى ۋە نېرۋا تورى تەۋسىيەلىرى ئۈچۈن تولۇق ئاپتوماتىك SEO ئەلالاشتۇرۇش.
ئوخشاش ئۇسلۇبلار
- Auros — بىئولۇمىنېتسېنسىيەلىك سانلىق مەلۇمات توپلىرى بار چوڭقۇر تېرمىنال
- Origin Financial — يېرىم كېچىدىكى جىمجىت، ھەشەمەتلىك رەسىمخانا. جىمجىت، دېگۈدەك قاراڭغۇ بىر ئۆي، بۇ يەردە چوڭ سېرىف خەتلىرى ۋە بىر قانچە يورۇتۇلغان رەڭلىك تاختىلار پۇل-مۇئامىلە ئەسەرلىرىنىڭ ئەستايىدىللىق بىلەن تاللانغان سەنئەت ئەسىرى ئىكەنلىكىنى ھېس قىلدۇرىدۇ.
- Raycast — يېرىم كېچە قوماندانلىق مەركىزى، مارجان نېئون
- Dimension — قاراڭغۇ چۈشتە يورۇتۇلغان، مۇز بىلەن قاپلانغان ئەينەك تاختىلار بىلەن بېزەلگەن خىزمەت ئورنى
- Reflect Notes — يۇلتۇزلۇق بىنەپشە رەڭ بوشلۇقى قاراڭغۇ رەسەتخانا بولۇپ، بۇ يەردە نوتىلار دېگۈدەك قارا رەڭلىك ئىندىگو بوشلۇقىنىڭ ئارقا كۆرۈنۈشىدە يۇلتۇز تۈركۈملىرىگە ئوخشاش لەيلەپ تۇرىدۇ.
- Ameba — يېرىم كېچىدىكى كونترول ئۆيى – مۇزلىغان ئەينەك تاختىلارنىڭ ئىچىدىكى كۆك رەڭلىك ئېلېكترونلۇق ئىمپۇلس
- Branding — قارا رەسىمخانا تېمى، قان قىزىل رەڭلىك بېزەكلەر - چوڭ ئاق رەڭلىك خەتلەر بوشلۇققا ئوخشايدىغان قاراڭغۇ رەسىم تاختىسى ئۈستىدە لەيلەپ تۇرىدۇ، بۇ رەسىمنىڭ ئارىلىقىنى بىرلا پارلاق قىزىل رەڭلىك بېزەك ۋە تور كۆرۈنمە يۈزىدىن كۆرە رەسىمخانا بەلگىسىگە ئوخشايدىغان كۆزگە كۆرۈنەرلىك بېزەك ئېلېمېنتلىرى ئۈزۈپ قويىدۇ.
- Harness — يېرىم كېچىدىكى فوسفورلۇق يېشىل رەڭلىك بېزەكلەر بىلەن ۋەزىپە كونترول قىلىش
- Koto — يېرىم كېچىدىكى ئوبسىدىئان رەسىمخانىسى. دېگۈدەك قاپقاراڭغۇ سەھنە، بۇ سەھنىدە بىردىنبىر ئىللىق نۇر مەنبەسى پەقەت بىرلا سېرىق بەلگە بولۇپ، قويۇق خەتلەر كەڭ بوشلۇقتا كۆرگەزمە ئېلانلىرىغا ئوخشاش لەيلەپ تۇرىدۇ.
- Ohzi — قاراڭغۇ رەسىمخانىدا ئېسىلىپ تۇرغان پارقىراق كۇب
- Depot — قاراڭغۇ سېرۋېر تېرمىنالى. دېگۈدەك قارا رەڭلىك ئاچقۇچىلار كونترول سۇپىسى، خىزمەت باشلانغانلىقىنى بىلدۈرىدىغان بىر يېشىل LED چىراغ ۋە قالغان ئىشلەتكۈچى ئارايۈزى گرافىت بىلەن كۆرسىتىلىدۇ.
- Maciej Zadykowicz — كېچە يېرىم سارىيىنىڭ كالېيدوسكوپ رەسىملىرى دېگۈدەك قارا رەڭلىك ستۇدىيە تېمىغا ئوخشايدۇ، بۇ يەردە جانلىق، رەڭگارەڭ بىر خىل سەنئەت ئەسىرى دىققەتنى تارتىدۇ، قالغانلىرىنىڭ ھەممىسى جىمجىت ۋە ئېھتىياتچانلىق بىلەن ئورۇن ئالغان.