
Notion
چۈشتىكى قۇياش نۇرى ئاستىدا ئىللىق قەغەز دەپتەر
Notion نىڭ كۆرۈنمە يۈزى كۈندۈزى سۆيۈملۈك قەغەز دەپتەرگە ئوخشايدۇ: ئىللىق، قايماق رەڭلىك رەسىملىك تاختا (#f6f5f4)، ئۇ ستېرىل ئەمەس، بەلكى تېگىشچان ھېس قىلدۇرىدۇ، مول سانس-سېرىف خەت نۇسخىسى مەھسۇلات نۇسخىسىغا تەھرىرلىك سالماق قوشىدۇ، تىنىش بەلگىلىرى سۈپىتىدە ئىشلىتىلگەن رەڭلەر - شاپتۇل رەڭلىك «دورا» پېئىللارنى گەۋدىلەندۈرىدۇ، بىر كۆك رەڭلىك بەلگە ئاساسلىق ھەرىكەتنى باغلايدۇ، ئايلىنىدىغان بىر قاتار ئالاھىدە رەڭلەر (مارجان، كەھرىبا، ئاسمان، يېرىم كېچىسى) كارتا ئارقا كۆرۈنۈشىنى چاپلاققا ئوخشاش رەڭلەيدۇ. كارتىلار رەسىملىك تاختا ئۈستىگە تىزىلغان بولۇپ، نېپىز گىرۋەك ۋە بۇلۇڭلىرى بار - سايە يوق، خروم يوق - Moleskine دەپتىرىنىڭ سىزىقلىق بۆلەكلىرىگە ئوخشاش. ئانېماتسىيە ئويۇنچۇق ۋە يايلاق بولۇپ، 200ms دا سىلىق ئۆتۈشۈشلەر ۋە يايلاق خاراكتېر ئانېماتسىيەلىرى كۆرۈنمە يۈزىگە جان كىرگۈزىدۇ، بۇلار بېزەكچىلىكسىز.
مەركەز قىلىنغان، ئەڭ چوڭ كەڭلىك تەخمىنەن 1440 پىكسېل بىلەنلا چەكلىنىدۇ. ئاساسلىق ئېلېمېنت مەركەز قىلىنغان بىر قاتار: بىر قاتار سىمۋوللار → رەڭلىك تاختا قوشۇلغان چوڭ ئىككى قۇرلۇق ماۋزۇ → تارماق ماۋزۇ → ئىككى چاقىرىق كۇنۇپكىسى بار بىر قاتار → چوڭ مەھسۇلات ئىشلەتكۈچى ئارايۈزى ماكېتى. ئاساسلىق ئېلېمېنتنىڭ ئاستىدا، بۆلەكلەر ئاق كارتىلار ۋە تولۇق رەڭلىك ئالاھىدە تاختىلار ئارىسىدا نۆۋەتلىشىپ تۇرىدۇ. لوگو تام كۈلرەڭ رەڭدىكى ھەمراھ لوگولارنىڭ مەركەز قىلىنغان بىر قۇرلۇق تورى. ئالاھىدىلىك بۆلەكلىرى ئىككى ئىستونلۇق ئورۇنلاشتۇرۇشنى ئىشلىتىدۇ (سول تەرەپتىكى تېكىست، ئوڭ تەرەپتىكى رەڭلىك تاختىلار)، بۆلەكلەر ئارىسىدا سولدىن ئوڭغا نۆۋەتلىشىپ تۇرىدۇ. «ياردەمچىلىرىڭىزدىن تەلەپ بويىچە سوراڭ» بۆلىكى 2x2 كارتا تورىنى ئىشلىتىدۇ، بۇ يەردە ئۈستۈنكى كارتا تولۇق كەڭلىكنى ئىگىلەيدۇ، ئاستىنقى قۇر ئىككى تەڭ ئىستونغا بۆلۈنگەن. بۆلەكلەر ئارىسىدىكى ئۆستەڭلەر كەڭ (~80 پىكسېل) بولۇپ، تىنچ تىك رېتىم ھاسىل قىلىدۇ. يول باشلاش مەركىزى يول باشلاش ئېلېمېنتلىرى ۋە ئوڭ تەرەپكە تىزىلغان ھەرىكەت كۇنۇپكىلىرى بار 64 پىكسېللىق مۇقىم ئۈستۈنكى بالداق.
رەسىملەر ئەڭ مۇھىم، رەسىملەر يوق. كۆرۈنۈش تىلى تەكشى، رەسىملىك بەلگىلەر (2 پىكسېللىق رەڭلىك چەمبەرلەردىكى يۇمىلاق گىرۋەكلەر)، ئابستراكت بېزەك ئېلېمېنتلىرى (قولدا سىزىلغان چىۋىقلار، يالتىراقلار، ئوقلار، گۈل شەكىللىرى) ۋە مەھسۇلاتنىڭ ئىشلەتكۈچى ئارايۈزىنىڭ ماكېتلىرى ئاساسىدا قۇرۇلغان. بەلگىلەر ئاساسلىق كۆزنەكتە يەتتە ئاۋاتارنىڭ توغرىسىغا تىزىلغان قاتارى سۈپىتىدە كۆرۈنىدۇ ۋە بەتنىڭ ھەممە يېرىگە ئويناق تىنىش بەلگىلىرى سۈپىتىدە تارقالغان. مەھسۇلات ئېكران سۈرەتلىرى بىردىنبىر «ھەقىقىي» كۆرۈنۈش ئېلېمېنتلىرى: ئۇلار تولۇق ئېلېمېنتلار ۋە ھەقىقىي سانلىق مەلۇماتلار بىلەن ئەمەلىي Notion ئارايۈزىنى (Kanban تاختىلىرى، ھۆججەت كۆرۈنۈشلىرى، سۈنئىي ئەقىل ۋاكالەتچى تاختىلىرى) كۆرسىتىدۇ. ئاساسلىق كۆزنەكتىكى مەھسۇلات ماكېتى چوڭ، مەركەزلىك بولۇپ، ئۇنى رەسىمدىن ئايرىپ تۇرىدىغان بىرلا سايە قالدۇرىدۇ. تۇرمۇش ئۇسلۇبىدىكى سۈرەتلەر، زاپاس رەسىملەر، ئابستراكت 3D رېندېرلار يوق.
پالتىرا
ماركا
- Notion Blue
#0075de— ھەرىكەتكە چاقىرىش (CTA) كۇنۇپكىسىنى تولدۇرىدىغان ئاساسلىق ئېلېمېنت، ئاكتىپ يول باشلاشتىكى ئالاھىدە بەلگە، تولدۇرۇلغان ھەرىكەت كۇنۇپكىلىرى دېگۈدەك مونوخروم سىستېمىدىكى ئالماشتۇرغۇچ دەپ قارىلىدىغان دەرىجىدە تويۇنغان بىردىنبىر رەڭ لايىھەسى.
نېيترال
- Paper Warmth
#f6f5f4— بەت رەسىم تاختىسى، ئاساسلىق كۆزنەك ئارقا كۆرۈنۈشى ۋە بۆلەك ئارقا كۆرۈنۈشىنىڭ ھەممىسى ئىللىق، ئازراق بېج رەڭگىدە بولۇپ، سىستېمىغا تېگىشچان، ئانالىزلىق تۇيغۇ بېرىدۇ. - Pure White
#ffffff— كارتا يۈزى، كۆتۈرۈلگەن تاختىلار، لوگو ئارقا كۆرۈنۈشى، قاراڭغۇ كارتىلاردىكى كونتراسلىق تېكىست. - Ink Black
#000000— ئاساسلىق تېكىست، يول باشلاش ئۇلىنىشى، ماۋزۇلار - يېڭى رەڭ قوشماي تۇرۇپ، دەرىجە تەرتىپىنى قۇرۇش ئۈچۈن ھەر خىل سۈزۈكلۈك (100%، 95%، 90%، 60%، 40%، 20%) بىلەن ئىشلىتىلىدۇ. - Charcoal
#111111— ساپ قارا رەڭ بەك قوپال كۆرۈنىدىغان ئىشلەتكۈچى ئارايۈزى رايونلىرى ئۈچۈن قاراڭغۇ تېكىست تاللانمىسى. - Stone
#757575— ئىككىنچى دەرىجىلىك يول باشلاش تېكىستى، ئاۋازسىز ياردەمچى تېكىست، چەكلەنگەن كۇنۇپكا بەلگىلىرى - 60% سىيا ئالفا - Graphite
#615d59— ئاساسلىق تېكىست ئىللىق ئاھاڭغا ئىگە - قوڭۇر كۈلرەڭ، بۇ ئىللىق ئارقا كۆرۈنۈش بىلەن ماسلىشىدۇ.
تىپوگرافىيە
12 دىن 96 پىكسېلغىچە · 10 قەدەم
- NotionInter — ئالماشتۇرۇش: Inter · پىلانلار 400, 500, 600, 700 · ئاساسلىق sans-serif خەت نۇسخىسى گېئومېتىرىيەلىك ئىنسانپەرۋەرلىك ئۇسلۇبى بولۇپ، ئىنچىكە نۇقتىلارغا ئىگە، ئاساسىي تېكىست ئۈچۈن 400، يول باشلاش/ئىشلەتكۈچى ئارايۈزى ئۈچۈن 500 ۋە ماۋزۇلار ئۈچۈن 600-700 چوڭلۇقتا ئىشلىتىلىدۇ. خەت نۇسخىسى چوڭراق چوڭلۇقتا (96 پىكسېلدا -4.6 پىكسېل، 72 پىكسېلدا -2 پىكسېل) ئاكتىپ مەنپىي ھەرپ ئارىلىقىنى ئىشلىتىدۇ، بۇ ماۋزۇنىڭ ھاۋالىق ئەمەس، بەلكى تېخىمۇ ئىخچام ۋە ئىشەنچلىك ھېس قىلدۇرىدۇ.
- Lyon Text — ئالماشتۇرۇش: Source Serif Pro · پىلانلار 400 · تەھرىرلىك سېرىف خەت نۇسخىسى ئاساسلىق تېكىستنىڭ ئايرىم بۆلەكلىرى ۋە بۆلۈم كىرىش سۆزلىرى ئۈچۈن ساقلانغان بولۇپ، ژۇرنال لايىھەسىدىكى سۆزگە ئوخشاش خەت نۇسخىسىغا ئەدەبىي ئېغىرلىقىنى بېرىش ئۈچۈن ئاز ئىشلىتىلىدۇ (تۆت قېتىم). ئۇ پاراللېل ئىدېررىيىلىك تەرتىپ ئەمەس، بەلكى سىستېمىلىق ئاۋاز قوشۇش رولىنى ئوينايدۇ.
ئارىلىقلار ۋە شەكىل
| مەقسەت | مەنىسى |
|---|---|
| زىچلىق | ئوتتۇراھال |
| ئاساسىي قەدەم | 8px |
| كۇنۇپكا رادىئۇسى | 8px |
| كارتا رادىئۇسى | 12px |
| سايە | سايە ئورنىغا چېگرا يوق |
| بۆلۈملەر ئارىسىدا | 80px |
| بەت كەڭلىكى | 1440px |
سۈنئىي ئەقىل تور بېتىڭىزنى Notion ئۇسلۇبىدا قۇرۇپ، ئۇنى تولدۇرىدۇ
- Instagram ، TikTok ، Facebook قاتارلىق ئۇلىنىشلار ئارقىلىق مەھسۇلاتلار ۋە يازمىلارنى تولدۇرۇڭ.
- كونا تور بېتىڭىزدىكى مەزمۇنلارنى يۆتكەڭ - پەقەت ئادرېسنى كۆرسىتىڭ.
- ئەڭ ياخشى ماتوردىكى زامانىۋى لايىھە: سېرۋېر رېندېرلاش ۋە SEO ئەلالاشتۇرۇش بىلەن React ( Next.js).
- ئىزدەش نەتىجىلىرى ۋە نېرۋا تورى تەۋسىيەلىرى ئۈچۈن تولۇق ئاپتوماتىك SEO ئەلالاشتۇرۇش.
ئوخشاش ئۇسلۇبلار
- Mollie — كەشمىر ساندۇق، قارا رەڭلىك ھېسابات دەپتىرى. قارا تېكىستنىڭ ئەتراپىغا تەھرىر لايىھىسى ئۈچۈن كەڭ بوشلۇق قالدۇرۇڭ، ئاندىن مەھسۇلاتقا مۇناسىۋەتلىك نۇقتىلارنى ئىسسىق قايماق، قەھۋە قەھۋە ۋە ئەمەلىي پۇل تۆلەش ئۇسۇللىرىنىڭ قول بىلەن تارتىشقا بولىدىغان سۈرەتلىرى بىلەن كۈچەيتىڭ.
- Kagi — ئايرىم ئوقۇش ئۆيى. قېلىن گرافىت تېكىستنىڭ ئەتراپىغا ئوچۇق ئاق بوشلۇق يارىتىڭ، نەپىس بىنەپشە رەڭلىك بېزەكلەر ۋە ئىللىق پاستېل يۈزلىرىنى ئىشلىتىپ، تىنچلىقنى بۇزۇڭ.
- Milanote — Milanote مەخسۇس ئىجادىي ستۇدىيە. قاراڭغۇ رامكىلىق تاملار، ئاق كۆرسىتىش بوشلۇقى ۋە يۇمشاق چوڭقۇرلۇقتىكى ھەقىقىي نەرسىلەرگە ئوخشايدىغان ئېكران سۈرەتلىرى قاتارلىق لەيلىمە كۆرۈنۈش تاختىلىرىنى ئىشلىتىپ تەھرىرلىك رەسىمخانا ئۇسلۇبىدىكى بەتلەرنى يارىتىڭ.
- Co2 — قىشلىق چىراغ ئاستىدا كىلىمات ئاتلاسى. ھاۋادىن ئېلىنغان ھۆججەت مەنزىرىسىگە ئوخشاش بەتلەرنى ياساڭ، بۇ بەتلەردە serif ماۋزۇلىرى، تۈر كودلانغان سانلىق مەلۇماتلار ۋە مۇز رەڭلىك رەسىملەر كەڭ ئاق گىرۋەكلەرنى گەۋدىلەندۈرىدۇ.
- GitButler — تېكىستنىڭ ئاخىرىدىكى فىرۇزە رەڭ. يۇقىرى كونتراستلىق سېرىف ماۋزۇلىرى بىلەن نەپىس تېخنىكىلىق تورلار، ئىللىق گرافىت يۈزلەر ۋە مەخپىي فىرۇزە رەڭگىنىڭ بىرىكمىسى.
- ElevenLabs — ئىللىق قايماق رەڭدە يېزىلغان، نېپىز ماۋزۇلۇق سۈرەتلىك ماقالە. باۋخاۋس ئۇسلۇبىدىكى خاتىرە دەپتىرى — تۇخۇم پوستى رەڭلىك قەغەز، قارا سىياھ ۋە مەھسۇلاتنى كۆرسىتىش ئۈچۈن بىر دانە بىنەپشە ۋە ئاپېلسىن رەڭلىك بېزەك.
- Awesomic — كونفېتتىنى ئەسلىتىدىغان ئاپېلسىن رەڭلىك تىنىش بەلگىلىرى بار تەھرىرلىك سىنىك تورى
- Monad — ئىسسىق پېرگامېنتقا بېسىلغان تەھرىرلىك تېخنىكىلىق ژۇرنال
- Dub — Link نىڭ مات گۈرۈچ قەغىزى كونترول تاختىسى
- Seline Analytics — ئىسسىق قەغەز ئۈستىدىكى جىمجىت ئانالىز ئۈستىلى
- Anthropic — ئىللىق پىل چىشى يۈزلىرى، سېرىف رەڭلىك تەھرىر ماۋزۇلىرى ۋە پەقەت ھەرىكەت لازىم بولغاندا پەيدا بولىدىغان يەككە لاي بېزەكلىرى توغرىسىدىكى ئىلمىي ساھە ژۇرنىلى.
- Calendly — سوغۇق مەرمەرگە قاراڭغۇ كۆك سىياھ