01-ден 07-ге дейін
Көрнекі ағым дегеніміз не?
Көрнекі ағым барлық маңызды элементтердің беделділікке ие болатындай көрінісі арқылы көрерменнің көзін өткізеді, және ештеңе көріністі бұрмаламайды немесе көрермен бөліктің сезімін жоғалтпайды. Көрсеткілер немесе сандар секілді айқын ағын элементтерін пайдалану веб-дизайнерлер ағыны көп қолданатын әдіс болып табылады, бірақ оқырмандарды белгілі бір жолмен жылжытуға бағытталуы мүмкін және пайдаланылуы мүмкін басқа элементтер бар. Осы оқу құралындағы қадамдар жақсы және жаман ағындардың мысалдарын көрсетіп, дизайндағы визуалды ағымның сөздік қорын үйренуге көмектеседі.
Көрнекі ағым көптеген жолдармен қол жеткізуге болады:
- Көрсеткілер
- Кездейсоқ сурет немесе мәтін элементтері
- Перспектива
- Градиенттер
- Өлшемді өзгерту
- Қисықтар
- Суреттердегі қозғалыс
- Faces - әсіресе көз
Төмендегі кескіндер веб-беттердегі ағындардағы кейбір қателерді және олардың түзетулерін көрсетеді.
02/07
Батыстың мәтіні солдан оңға қарай жылжиды
Батыс тілін оқып шыққан болсаңыз, онда мәтінді солдан оңға қарай жылжыту керек деп ойлайсың. Мәселен, көз мәтін жолдың бойымен қозғалса, ол солдан оңға қарай жылжиды.
Жоғарыдағы суретте сарқырама оң жаққа қарай сол жаққа қарай ағып келеді, ал мәтін сарқыраманы ағады. Бәріміз білетініміздей, сарқырамалар құлап, су ағысының бағыты бойынша мәтін ағыны ажыратылады. Көрерменнің көзі мәтінді оқу үшін дұрыс емес бағытта қозғалады.
03 07
Мәтінді суреттермен толтыру керек
Бұл жағдайда, сурет судың бір бағытта ағып кетуі үшін сурет кері қайтарылды. Барлық элементтер суға ағып, мәтін ағынымен көрерменнің көзін төмендетеді.
04 07
Солдан оңға қарай жылдам болады
Бұл фотосуреттегі жылқы оңнан солға қарай жүгіреді, бірақ мәтін ағылшын және сол жағынан солға қарай. Ат жарысының бір бағытта көрнекі әсер етуі бүкіл құжаттың қарқынын бәсеңдетеді, себебі ол мәтіннен өзгеше бағытпен жүреді.
Батыс мәдениеттерінде, өйткені біздің тілдеріміз солдан оңға қарай жылжиды, сол жақтан оңға қарай оң жаққа қарай көрініп, солға қарай оңға қарай бұрылып, баяу. Жылдамдықты ескере отырып, макетін жасаған кезде, оны есте сақтау керек және суреттерді мәтінмен бірдей бағытта қозғаңыз.
05 07
Көрерменнің көзін баяулатуды мәжбүрлемеңіз
Жылқы мен мәтін бірдей бағытта жүрсе, онда көрсетілген жылдамдық артады.
07 07
Веб-суреттердегі көздерді қараңыз
Фотосуреттері бар көптеген веб-сайттар бұл қатені жасайды - олар адамның суретін бетке қойып, адам мазмұнды қарап шығады . Бұл ескі дизайндағы about.com веб-дизайн сайтында да көрінеді.
Көріп отырғанымдай, менің фотосуретім кейбір мәтіннің жанында орналасады. Бірақ мен бұл мәтінді қарап жатырмын, мен оны артқа айналдырдым. Егер сіз осы тілдің тілін топтағы екі адамның арасында көрген болсаңыз, маған жақын адамға (бұл жағдайда мәтін блогына) ұнамайтынымды түсіну оңай болар еді.
Көптеген көзді қадағалайтын зерттеулер адам беттерін веб-беттерде көргенін көрсетті. Байланысты зерттеулер көрсеткендей, суретке түсіргенде, адамдар суретке түсіретін нәрсені көру үшін көзге көрінбейді. Егер сіздің сайтыңыздағы фотосурет браузердің шетінен шығып кетсе, онда сіздің тұтынушыларыңыз көрінеді, содан кейін артқа батырылады.
07 07
Кез-келген фотосуреттегі көздер мазмұнға тап болу керек
Rkim.com үшін жаңа дизайнда фотосурет сәл жақсы. Қазір менің көзім көп алға жылжиды, ал сол жақта - мәтіннің қайда екеніне көзім жетпегені туралы біраз түсінік бар.
Бұл лауазым үшін тіпті жақсы фотосурет, менің иығым мәтінге қатысты бұрышта болған еді. Бірақ бұл бірінші фотосуретке қарағанда әлдеқайда жақсы шешім. Сондай-ақ, сурет имидждің мазмұны мен сол жағында болатын жағдайда, бұл жақсы ымыраға айналуы мүмкін.
Адамдардың бет-әлпетіне көп назар аударғанымен, жануарлардың фотосуреттеріне де назар аударыңызшы. Мысалға, осы үлгіні орналастыруда менің иттерім солға қарап тұр, бірақ сурет оң жақта. Сондықтан олар бетті қарап шығады. Егер мен иттердің бағдарын экранның ортасына қарай қарайтын болсам, бұл жоспар жақсарады.