Dub
Link نىڭ مات گۈرۈچ قەغىزى كونترول تاختىسى
Dub نىڭ كۆرۈش سىستېمىسى چەكلىك، دېگۈدەك تەھرىرلىك SaaS ئېستېتىكىسىغا ئىگە: ئاق رەڭلىك رەسىم چىقىپ تۇرىدىغان ئېلېمېنتلار ئەمەس، بەلكى نېپىز گىرۋەكلەر بىلەن بىرلەشتۈرۈلگەن، قويۇق مونوخروم خەت نۇسخىسى قۇرۇلما جەھەتتىن قوللاش بىلەن تەمىنلەيدۇ ۋە بىرلا پارلاق كۆك رەڭ (#2563eb) ئالاھىدە ئىپادىلەيدۇ. يۈزلەر دەسلەپكى قاراشتا تەكشى ۋە رامكىسىز ساقلىنىدۇ، ئەمما ھەر بىر قاچىدا 1 پىكسېللىق #e5e5e5 گىرۋەك بار بولۇپ، بېسىلغان ھۆججەتنىڭ تۇيغۇسىنى قوزغىتىدۇ. شەخسىيەت نېيترال پەلتىرانىڭ ئۈستىدە لەيلەپ تۇرىدىغان كىچىك رەڭلىك «دورا» بېزەكلىرى (ئاپېلسىن رەڭلىك، يېشىل رەڭلىك، بىنەپشە رەڭلىك) ۋە كۆزگە كۆرۈنەرلىك ئەمەس، بەلكى ئۆزىگە ئىشىنىدىغان ۋە زامانىۋى ھېس قىلدۇرىدىغان باشلىقلار ئارقىلىق قولغا كەلتۈرۈلىدۇ. زاپچاسلار ئىخچام ۋە زىچ: 8 پىكسېللىق ناۋزا، 12 پىكسېللىق كارتا رادىئۇس، 9999 پىكسېللىق دورا شەكىللىك بەلگىلەر ۋە ئېغىر، تولدۇرۇلغان كۇنۇپكىلارنىڭ ئورنىغا كۆرۈنمەيدىغان كونتروللار.
بۇ بەت ئەڭ چوڭ كەڭلىكى تەخمىنەن 1200 پىكسېل بولغان مەركەزلىك لايىھە ئاساسىدا قۇرۇلغان. ئاساسلىق ئېلېمېنت مەركەزلىك تېكىست بۆلىكى بولۇپ، ئۈچ خىل لەيلىمە ئېلېمېنت (ھەمكارلىق پروگراممىلىرى، ئۆزگەرتىش ئانالىزى، قىسقا ئۇلىنىشلار) چوڭ مەھسۇلات لايىھەسىنىڭ ئۈستىدە توغرىسىغا قويۇلغان. بۆلەكلەر تىك ھالەتتە 64 پىكسېللىق ئۆستەڭلەر بىلەن تىك ھالەتتە تىزىلغان، ئاق رەڭلىك رەسىم ۋە #f5f5f5 قەغەز تۇمانلىرى ئاۋاز ئايرىش ئۈچۈن ئالماشتۇرۇلغان. ئاستىنقى بۆلەكتە Z شەكىللىك لايىھە ئىشلىتىلگەن: تەھرىر تېكىستى ئوتتۇرا ئۈچتىن بىر قىسىمغا مەركەزلەشتۈرۈلگەن، لەيلىمە UI كارتىلىرى سول ۋە ئوڭ گىرۋەككە چاپلانغان بولۇپ، ئاسسىمېترىك، ژۇرنالغا ئوخشاش رېتىم ھاسىل قىلىدۇ. بەلگە بۇلۇتى بەتنىڭ مەركىزىگە جايلاشقان ئاددىي 5x2 تور شەكلىدە. يول باشلاش مىنىمالىست ئۈستۈنكى بالداق - سول تەرەپتە بەلگە، ئوتتۇرىدا يول باشلاش، ئوڭ تەرەپتە ئىككى كۇنۇپكا گۇرۇپپىسى (ئەرۋاھ «كىرىش» كۇنۇپكىسى + تولدۇرۇلغان «تىزىملىتىش» كۇنۇپكىسى) - مۇقىم ياكى چوڭ تىزىملىكسىز. ئاساسلىق كۆزنەكنىڭ باشقۇرۇش تاختىسى لايىھەسى كلاسسىك ئىككى ئىستونلۇق ئەپ لايىھەسىنى كۆرسىتىدۇ: مۇقىم يان بالداق (240 پىكسېلغا ئوخشاش) + زىيارەتچىلەرنىڭ مەھسۇلات ئۇچۇرىنىڭ زىچلىقىنى بەلگىلەيدىغان مەزمۇن رايونى.
كۆرۈنۈشلەر تۇرمۇش ئۇسۇلىغا ئەمەس، بەلكى مەھسۇلاتقا مەركەزلەشكەن. ئاساسلىق ئېكران چوڭ باشقۇرۇش تاختىسىنىڭ سۈرەتكە تارتىش تاختىسىنىڭ مەركىزىدە بولۇپ، يان تەرەپتىكى يول باشلاش، سانلىق مەلۇمات جەدۋىلى ۋە ئۈزۈك UI ئېلېمېنتلىرى بىلەن ھەقىقىي دۇنيادىكى مەھسۇلات ماكېتىنى ئىپادىلەيدۇ، ئاق رەڭلىك تاختايدا تەكشى تاختىغا تىزىلغان. خېرىدارلارنىڭ بەلگىلىرى ئىجتىمائىي تاراتقۇلارنىڭ ئىقتىدارىنى ئېتىراپ قىلىش ئۈچۈن تويۇنمىغان كۈلرەڭ تور شەكلىدە (beehiv، superpower، Chatbase قاتارلىقلار) كۆرسىتىلىدۇ، بەتتىكى يەككە كۆك رەڭلىك ئاھاڭنىڭ ئۈستۈنلۈكنى ساقلاپ قېلىشىغا يول قويۇش ئۈچۈن رەڭلىرى ئېلىۋېتىلىدۇ. ئۈزۈك ھەمراھ كارتىلىرى (كىرىم/پۇل تۆلەش سانلىق مەلۇماتلىرى بار كىچىك ئارخىپلار ۋە كاتەكلەر) ئاستى تەرەپتىكى تەھرىر تېكىستلىرىنىڭ ئەتراپىدا ھەرىكەتلىنىدۇ، تېكىستنىڭ ئۆزىدە سايە ئىشلەتمەي چوڭقۇرلۇق تۇيغۇسىنى ھاسىل قىلىدۇ. نۇقتالىق تور شەكىللىك ئارقا كۆرۈنۈش نەقىشى بىر ئالاھىدىلىك: ناھايىتى تۆۋەن تۇتۇقلۇقتىكى نېپىز بىر قاتار كىچىك نۇقتىلار تېكىستۇرا ۋە لايىھە سىستېمىسى/سىزىش يۈزىنىڭ تۇيغۇسىنى ھاسىل قىلىپ، تور بېكەتنىڭ «زامانىۋى ئۇلىنىش ئاتالغۇسى سۇپىسى» سۈپىتىدە ئورنىنى گەۋدىلەندۈرىدۇ. ئىكونوگرافىيە ئەڭ ئاز، سىزىقلار ۋە تولدۇرۇشلار بىلەن، ئالاھىدىلىك بەلگىلىرى ئۈچۈن ئاھاڭ پەللىسى (ماندارىن ئاپېلسىن، لاۋاندېر بىنەپشە، يالپۇز يېشىل) ئىشلىتىلىدۇ. ھېچقانداق فوتوگراف، رەسىم ياكى 3D مودېل ئىشلىتىلمىگەن - مەھسۇلاتنىڭ ئىشلەتكۈچى ئارايۈزىنىڭ ئۆزى كۆرۈنۈشلۈك تىل.
پالتىرا
ماركا
- Electric Blue
#2563eb— ئاساسلىق ماركا رەڭگى - لوگو، ئۇلىنىشلار، مۇھىم ئىقتىدار كۆرسەتكۈچلىرى، ئاكتىپ ھالەتلەر ۋە سىنبەلگە بېزەكلىرى - ئىشلىتىلىدۇ. ئاق رەڭلىك ئارقا كۆرۈنۈشتىكى قويۇق كۆك رەڭ سىستېمىنىڭ بىردىنبىر كۆرۈنۈش جەلپ قىلىش كۈچىنى يارىتىدۇ. - Deep Sapphire
#1e40af— ھەرىكەت كۇنۇپكىسىنىڭ ئاساسلىق ئارقا كۆرۈنۈشى، يەنى ھەرىكەتكە چاقىرىشنىڭ قېلىن رەڭگى (ھەرىكەتنى بىلدۈرىدىغان بىردىنبىر رەڭ) دىققەتنى جەلپ قىلىش ئۈچۈن ئاز ئىشلىتىلىدۇ.
نېيترال
- Canvas White
#ffffff— بەت ئارقا كۆرۈنۈشى، كارتا يۈزى، سەكرىمە تاختىلار ھەر بىر ئېكراننىڭ مۇتلەق ئاساسى. - Paper Mist
#f5f5f5— ئىچكى كارتىلار، قوشۇمچە تاختىلار ۋە تولدۇرۇشلار ئۈچۈن ھاۋادا تۇرۇپ رەڭ ئۆزگەرتىشلىرى. - Ash
#e5e5e5— كارتىلار، كىرگۈزۈش ئۇلىغۇچلىرى ۋە بۆلگۈچلەردىكى نېپىز گىرۋەكلەر سىستېمىنى بىر يەرگە جەم قىلىپ تۇرىدىغان قۇرۇلما سىزىقىدۇر. - Smoke
#d4d4d4— تاللانغان ساندۇقلار ۋە قوشۇمچە كۇنۇپكا سىزىقلىرى ئۈچۈن ئېنىقراق چېگرالار. - Pebble
#c8c8c8— ئوتتۇراھال پەرقلىق چېگرا سىزىقلىرى، كونترول سىزىقلىرى ۋە قۇرۇلما بۆلگۈچلىرى. بۇ رەڭنى ھەرىكەتكە چاقىرىش ئۈچۈن ئاساسلىق رەڭ قىلىپ ئىشلەتمەسلىك كېرەك. - Midnight Ink
#0a0a0a— كونتراستنى ئەڭ يۇقىرى چەككە يەتكۈزۈش ئۈچۈن كۇنۇپكىلارنىڭ ئاساسلىق تېكىستى، بەلگىلەنگەن كۇنۇپكىلار ۋە يول باشلاش تېكىستى دېگۈدەك قارا رەڭدە.
تىپوگرافىيە
11 دىن 48 پىكسېلغىچە · 9 قەدەم
- Satoshi — ئالماشتۇرۇش: Inter (weight 500 · پىلانلار 500 · ماۋزۇلارنى كۆرسىتىش – پەقەت ماۋزۇ ۋە بۆلەك ماۋزۇلىرى ئۈچۈن 36–48 پىكسېللىق قۇرلاردا ئىشلىتىلىدۇ. خەت چوڭلۇقى – 500 (ئوتتۇراھال، قېلىن ئەمەس): ماۋزۇلار ئىشەنچلىك ۋە زامانىۋى كۆرۈنىدۇ، ئەمما ھەرگىز ئېشىپ كەتمەيدۇ. ساتوشىنىڭ گېئومېتىرىيەلىك نىسبىتى خەت نۇسخىسىغا Inter نىڭ ئاساسىي نۇسخىسىنى تەكرارلىيالمايدىغان بىر قەدەر تەھرىرلىك، زامانىۋى تۇيغۇ بېرىدۇ.
- Inter — ئالماشتۇرۇش: Inter (native) · پىلانلار 400, 500, 600 · ئاساسىي نۇسخا، ئىشلەتكۈچى ئارايۈزى بەلگىلىرى، يول باشلاش، تارماق ماۋزۇلار ۋە قوشۇمچە ماۋزۇلار. Inter ئاساسلىق خىزمەت ئات بولۇپ، 11 پىكسېللىق مىكرو بەلگىلەردىن تارتىپ 30 پىكسېللىق قوشۇمچە ماۋزۇلارغىچە بولغان بارلىق نەرسىلەرنى بىر تەرەپ قىلىدۇ. ئاساسىي نۇسخا ئۈچۈن ئۆلچەملىك ئېغىرلىقى 400، بەلگىلەنگەن ئېلېمېنتلار ۋە كۇنۇپكا بەلگىلىرى ئۈچۈن 500، مۇھىم ئىشلەتكۈچى ئارايۈزى بەلگىلىرى ئۈچۈن 600 ساقلانغان. 1.5 قۇر ئېگىزلىكى بىلەن 16 پىكسېل ئەڭ كۆپ ئۇچرايدىغان بىر قەدەملىك چوڭلۇق (1220 قېتىم كۆرۈلىدۇ) بولۇپ، 16 پىكسېلنىڭ ئۆلچەملىك ئاساسىي نۇسخا چوڭلۇقى ئىكەنلىكىنى جەزملەشتۈرىدۇ.
- Geist Mono — ئالماشتۇرۇش: JetBrains Mono or IBM Plex Mono · پىلانلار 400, 500 · كود پارچىلىرى، تېخنىكىلىق مېتا سانلىق مەلۇماتلار ۋە ئىچىگە قىستۇرۇلغان بىر بوشلۇقلۇق بەلگىلەر 12-14 پىكسېللىق كود بۆلەكلىرىدە ۋە 24 پىكسېللىق چوڭ كود كۆرسىتىش ئېلېمېنتلىرىدا ئىشلىتىلىدۇ. بۇ، Dub نىڭ مەھسۇلات ئورنىنى بېكىتىشىگە ماس ھالدا، ئاچقۇچى قورالىنىڭ ئىشەنچلىكلىكىنى كاپالەتلەندۈرىدۇ.
ئارىلىقلار ۋە شەكىل
| مەقسەت | مەنىسى |
|---|---|
| زىچلىق | ئوتتۇراھال |
| ئاساسىي قەدەم | 8px |
| كۇنۇپكا رادىئۇسى | 8px |
| كارتا رادىئۇسى | 12px |
| سايە | سايە ئورنىغا چېگرا يوق |
| بۆلۈملەر ئارىسىدا | 64px |
| بەت كەڭلىكى | 1200px |
سۈنئىي ئەقىل تور بېتىڭىزنى Dub ئۇسلۇبىدا قۇرۇپ، ئۇنى تولدۇرىدۇ
- Instagram ، TikTok ، Facebook قاتارلىق ئۇلىنىشلار ئارقىلىق مەھسۇلاتلار ۋە يازمىلارنى تولدۇرۇڭ.
- كونا تور بېتىڭىزدىكى مەزمۇنلارنى يۆتكەڭ - پەقەت ئادرېسنى كۆرسىتىڭ.
- ئەڭ ياخشى ماتوردىكى زامانىۋى لايىھە: سېرۋېر رېندېرلاش ۋە SEO ئەلالاشتۇرۇش بىلەن React ( Next.js).
- ئىزدەش نەتىجىلىرى ۋە نېرۋا تورى تەۋسىيەلىرى ئۈچۈن تولۇق ئاپتوماتىك SEO ئەلالاشتۇرۇش.
ئوخشاش ئۇسلۇبلار
- ElevenLabs — ئىللىق قايماق رەڭدە يېزىلغان، نېپىز ماۋزۇلۇق سۈرەتلىك ماقالە. باۋخاۋس ئۇسلۇبىدىكى خاتىرە دەپتىرى — تۇخۇم پوستى رەڭلىك قەغەز، قارا سىياھ ۋە مەھسۇلاتنى كۆرسىتىش ئۈچۈن بىر دانە بىنەپشە ۋە ئاپېلسىن رەڭلىك بېزەك.
- Awesomic — كونفېتتىنى ئەسلىتىدىغان ئاپېلسىن رەڭلىك تىنىش بەلگىلىرى بار تەھرىرلىك سىنىك تورى
- Monad — ئىسسىق پېرگامېنتقا بېسىلغان تەھرىرلىك تېخنىكىلىق ژۇرنال
- Seline Analytics — ئىسسىق قەغەز ئۈستىدىكى جىمجىت ئانالىز ئۈستىلى
- Notion — چۈشتىكى قۇياش نۇرى ئاستىدا ئىللىق قەغەز دەپتەر
- Anthropic — ئىللىق پىل چىشى يۈزلىرى، سېرىف رەڭلىك تەھرىر ماۋزۇلىرى ۋە پەقەت ھەرىكەت لازىم بولغاندا پەيدا بولىدىغان يەككە لاي بېزەكلىرى توغرىسىدىكى ئىلمىي ساھە ژۇرنىلى.
- Calendly — سوغۇق مەرمەرگە قاراڭغۇ كۆك سىياھ
- Augen Pro — ئالما شىركىتىنىڭ ئاق رەڭلىك كۆرۈنۈشى مونوخروم بوشلۇقتىكى بىردىنبىر گەۋدىلىك ئالاھىدىلىك سۈپىتىدە كلىنىكىلىق، ئېغىرلىقسىز، ئېلېكترونلۇق كۆك رەڭنى ئۆز ئىچىگە ئالىدۇ.
- Antimetal — قايماق قەغەزگە بېسىلغان تەھرىرلىك خاتىرى — ئىلمىي ژۇرنالدىكى جىمجىت بىر ئەتىگەنلىك، بۇ يەردە ئۆزىنى تۇتۇۋېلىش ئىشەنچنى ئىپادىلەيدۇ، سېرىفلار ئېغىر ئىشلارنى كۆتۈرىدۇ.
- Perk — ئىسسىق پېرگامېنت قەغىزىدىكى ئېلېكترونلۇق لىمون
- Ditto — قۇياش نۇرى چۈشكەن ياۋا گۈل ئۈلگىلىرىنى ياساش ئۇستىسى. ئىللىق قايماق يۈزلەر، جانلىق سېرىق رەڭ، قېنىق كۆك رەڭلىك سىياھلار، بۇيۇمنىڭ ئارقىسىدا گۈللەنگەن ئورگانىك رەڭ شەكىللىرى.
- Officevibe — ئىسسىق قايماق رەڭلىك قەغەزگە بېسىلغان تەھرىر ژۇرنىلى. ئادەم كۈچى باشقۇرۇش توغرىسىدىكى چوڭقۇر ئويلىنىشچان ماقالىنى تەسەۋۋۇر قىلىپ بېقىڭ، ئۇ مەھسۇلات سۈپىتىدە كۆرسىتىلدى - زامانىۋى كۆك رەڭلىك كۆرۈنمە يۈزى ئارقىلىق پىچىرلاپ تۇرغان سېرىف خەت نۇسخىسى.