Ինչպես ստանալ AI ով դիզայն, որը AI ի տեսք չունի

Սկսենք գլխավորից։ Ահա վեց կայք, որոնք պետք է բացես հաջորդ AI նախագծից առաջ.

• AwwwardsՄրցանակակիր կայքեր։ Վերցրու layout ը։
• Lapa Ninja7300+ landing page։ Վերցրու բաժինների հերթականությունը։
• CSS Design AwardsUI դետալներ ու միկրո անիմացիաներ։
• EyecandyՎիդեո տեխնիկաների անունները։
• ShotDeckԿինոյի կադրեր ու լույս։ Վճարովի է։
• Prompt MotionMotion վիդեոներ՝ իրենց պրոմպտներով։

Ասեք՝ մենակ ես չեմ հոգնել։ AI ով սարքած կայքերը, դիզայնը, վիդեոները բոլորը նույն տեսքն ունեն։ AI ը կարող է գրեթե ամեն ինչ, իսկ մենք անընդհատ նույն բանն ենք ստանում։

Խնդիրը AI ը չէ։ Խնդիրն այն է, որ մենք նրան նայելու բան չենք տալիս։ Ներքևում ամբողջ համակարգն է. որտեղ գտնել ռեֆերենսներ, ինչ վերցնել դրանցից և ինչպես գրել պրոմպտ, որ արդյունքը լինի քոնը, ոչ թե միջինը։

AI ը ծույլ չէ։ Պարզապես նա միշտ ընտրում է միջինը։ Մոդելը սովորել է միլիոնավոր կայքերից, պոստերներից ու վիդեոներից։ Երբ գրում ես «սարքիր ժամանակակից landing page», նա տալիս է ամենահավանական պատասխանը, այսինքն այն ամենի միջինը, ինչ տեսել է։ Իսկ միջինը հենց այդ մանուշակագույն գրադիենտն է, կենտրոնում կանգնած վերնագիրը ու ժպտացող stock մարդիկ։

Ռեֆերենսները քո երեք ուտեստն են։ Առանց դրանց ստանում ես միջինը։ Դրանցով ստանում ես ուղղություն։

Ամեն մեկի համար՝ ինչ է, ինչ վերցնել, և պրոմպտ, որը կարող ես հարմարեցնել։ Պրոմպտները անգլերեն են դիտմամբ, մոդելներն անգլերենով ավելի կայուն են աշխատում։ Սքրինշոթը կամ կադրը կցիր պրոմպտի հետ։

I am attaching 2 screenshots of Awwwards Site of the Day winners.
From screenshot 1, take ONLY the layout: an asymmetric grid where oversized type breaks out of the columns.
From screenshot 2, take ONLY the way sections transition on scroll.
Ignore their colors, images and copy.
Design a homepage for [my brand in one line] that uses these two ideas in an original way.
List your layout decisions before you write any code.

Here are 3 full page screenshots of landing pages in my niche.
Map the section order of each one (hero, proof, features, pricing, FAQ, CTA).
Then propose an ORIGINAL section order for my offer: [offer in one line].
For every section, tell me which reference inspired it and where you broke the pattern on purpose.

From this CSSDA winner I want three details only:
1. a magnetic cursor on buttons
2. headline text that reveals line by line on scroll
3. thin 1px dividers between sections
Add these to my existing page: [paste code or describe it].
Do not change my layout or colors. Keep every animation under 600ms and subtle.

Product shot of a perfume bottle on a black surface.
Technique: echo printing, the bottle leaves a short trail of itself for a moment before the frame catches up.
Slow push in, 50mm lens, hard side light, deep shadows.
No text on screen. 5 seconds.

Reference still: one hard key light from the side, deep black shadows, a warm practical lamp in the background, wide 24mm framing, subject small in frame.
Use ONLY the lighting and framing.
New scene: [your scene].
Write an image prompt that names the light source, direction, color temperature, lens and composition explicitly.

Below is the prompt behind a motion video I like. Do not copy it.
Extract its structure: timing, how the type behaves, transitions, rhythm.
Then write a NEW prompt with the same structure for my own 15 second video about [topic], in my brand colors [colors], with my own copy.

[paste the prompt here]

Վեց կայքը սկիզբն է։ Ահա ավելի մեծ գրադարան։ Ամեն կայք ստուգված է. աշխատում է, օգտակար է և անվճար է կամ ունի իրական անվճար տարբերակ։ Վճարովիները նշված են։

Վեբ և UI դիզայն

• GodlyԱնվճար
  Կայքերը ցույց է տալիս կարճ վիդեոներով, տեսնում ես scroll ն ու անիմացիան, ոչ միայն սքրինշոթ։
• SiteinspireԱնվճար
  Հանգիստ, ընտրված պատկերասրահ։ Ֆիլտրեր ըստ ոճի, տեսակի ու թեմայի։
• ReferoԱնվճար տարբերակ · Pro վճարովի
  Իրական ապրանքների էկրաններ ու flow եր։ Այն UI ի համար, որը պետք է աշխատի, ոչ միայն սիրուն լինի։

Գրաֆիկ դիզայն և տառատեսակներ

• Fonts In UseԱնվճար
  27 000+ իրական օրինակ՝ ըստ տառատեսակի։ Գտիր ֆոնտը ու տես այն պոստերների, գրքերի, բրենդների վրա։
• TypewolfԱնվճար
  Օրվա կայքը՝ օգտագործված ֆոնտերի անուններով։ Ֆոնտերի զույգեր ընտրելու համար իդեալական է։
• Letterform ArchiveԱնվճար
  Տառատեսակի ու գրաֆիկ դիզայնի պատմության հազարավոր նյութեր բարձր որակով, ներառյալ Emigre ամսագրի բոլոր համարները։

Կինո, օպերատորական աշխատանք, գույն

• FILMGRABԱնվճար
  Ընտրված կինոկադրեր՝ ըստ ֆիլմի, ռեժիսորի ու օպերատորի։
• FlimԱնվճար՝ օրական սահմանափակումով
  AI որոնում ֆիլմերի, սերիալների, գովազդների ու մյուզիք վիդեոների կադրերում։ Որոնիր ըստ գույնի ու տրամադրության։
• FramesetՕրական 10 անվճար որոնում
  Ուժեղ է գովազդների ու մյուզիք վիդեոների մասով։ Գովազդային ռեֆերենսների համար առաջին տեղը։

Motion և վիդեո էֆեկտներ

• MotionographerԱնվճար
  Motion դիզայնի համայնքի գլխավոր ցուցափեղկը՝ 2006 թվականից։
• Art of the TitleԱնվճար
  Ֆիլմերի ու սերիալների տիտրային սեքվենսներ՝ դիզայներների հարցազրույցներով։ Շարժվող տառը իր լավագույն տեսքով։
• Codrops Creative HubԱնվճար
  Բաց կոդով վեբ դեմոներ. scroll անիմացիաներ, WebGL, grid էֆեկտներ։

Նորաձևություն և ոճ

• Vogue RunwayԱնվճար
  20 000+ շոու, ռանվեյի նկարներ մինչև 1988 թվական։
• TagwalkԱնվճար
  Ռանվեյի որոնողական համակարգ։ Գրիր «red» ու «dress», կստանաս բոլոր լուքերը։
• Europeana FashionԱնվճար
  800 000+ առարկա եվրոպական թանգարաններից ու արխիվներից. հագուստ, էսքիզներ, ռանվեյի ֆոտոներ։ Որոնիր «fashion»։
• Fashion History Timeline (FIT)Անվճար
  Նորաձևության պատմությունը տասնամյակ առ տասնամյակ, բառապաշարով, որով կանվանես սիլուետը։

Արխիվներ և թանգարաններ

• The Met Open AccessԱնվճար
  400 000+ public domain նկար բարձր որակով։ Ֆիլտրիր Open Access ով։
• RijksmuseumԱնվճար հաշիվ
  700 000+ գործ՝ առանց հեղինակային սահմանափակման, բարձր որակով ներբեռնելու հնարավորությամբ։
• Harvard Art Museums: The BauhausԱնվճար
  32 000+ Bauhaus առարկա. պոստերներ, տեքստիլ, տառատեսակ, ֆոտո։
• The Public Domain ReviewԱնվճար
  Տարօրինակ ու գեղեցիկ գտածոներ public domain ից։ Այն ռեֆերենսների համար, որոնք ուրիշ ոչ ոք չի օգտագործում։

Moodboard ի հարթակներ

• Are.naԱնվճար մինչև 200 block
  Հանգիստ, առանց գովազդի, channel ներ բորդերի փոխարեն։ Երկար հետազոտության համար։
• CosmosԱնվճար · Premium վճարովի
  Վիզուալ որոնում ըստ գույնի ու նմանության, առանց գովազդի։ Pinterest ը՝ առանց աղմուկի։
• SaveeԱնվճար՝ սահմանափակումով · կան վճարովի պլաններ
  Դիզայներների moodboard ներ, առանց գովազդի, առանց ալգորիթմի։
• PureRefԱնձնական օգտագործման համար վճարում ես որքան ուզում ես
  Համակարգչի ծրագիր. բոլոր ռեֆերենսները մեկ կտավի վրա՝ քո AI գործիքի կողքին։

Հինգ քայլ։ Այսպես է ռեֆերենսը դառնում օրիգինալ աշխատանք, ոչ թե պատճեն։

Role: You are an art director and front end designer.
Task: Design the hero and first two sections of the homepage for [Studio name], a small ceramics studio in Yerevan.

References (all 4 attached):
1. Awwwards site: take ONLY the layout, an asymmetric grid where the headline breaks out of the columns.
2. ShotDeck film still: take ONLY the light, one hard window light from the left, deep shadows, warm color temperature. Use it as the art direction for the product photos.
3. Bauhaus poster from the Harvard collection: take ONLY the type logic, a heavy geometric sans, red as the single accent, type set at an angle.
4. Eyecandy technique: step printing. Use it for the hero video, a stuttered slow motion shot of clay on the wheel.

Rules:
Do not reproduce any reference.
No purple or blue gradients, no centered hero, no stock people, no generic 3D.
One bold decision must dominate the page. Tell me which one.

Output: first list your design decisions and which reference each one comes from. Then write the HTML and CSS.

Անցկացրու ամեն AI արդյունքի վրա հրապարակելուց առաջ։ Նշիր այն ամենը, ինչ տեսնում ես։

• Ստանդարտ ֆոնտեր. Ամենուր Inter, Roboto, Poppins կամ Arial։ Ոչինչ գիտակցաբար ընտրված չէ։
• Կենտրոնում hero. Վերնագիրը մեջտեղում, հետևում՝ փափուկ գրադիենտ բիծ։
• Մանուշակագույնից կապույտ գրադիենտ կամ նեոնային փայլ մուգ ֆոնի վրա։
• Stock ժպիտներ. Ուրախ մարդիկ նոութբուքի առաջ, կամ պլաստիկ մաշկով AI մարդիկ։
• Փայլուն անդեմ 3D. Լողացող գնդեր, բծեր, ապակե ձևեր, որոնք այնտեղ լինելու պատճառ չունեն։
• Նույն քարտերի grid ը. Երեք քարտ, պատկերակ, վերնագիր, երկու տող տեքստ։
• Դատարկ տեքստ. «Unlock your potential», «բարձրացրու բրենդդ նոր մակարդակի», «անխափան փորձառություն»։
• Ամեն ինչ նույն բարձրությամբ է «գոռում». Չկա մեկ համարձակ որոշում, որը վաղը կհիշեն։
• Ոչ մի ընտրության հետևում ռեֆերենս չկա. Եթե դու չես ընտրել, մոդելն ընտրել է միջինը։
• Լոգոյի թեստ. Դիր մրցակցի լոգոն, ու ոչինչ տարօրինակ չի թվում։