Мазмұны
- 01. ’Кез келген’ сіздің бастау нүктеңіз болуы керек
- 02. Оған Lego сияқты келіңіз
- 03. Эскизді алып, қағазды алып тастаңыз
Бұрын сіз веб-беттерді жобалайтын едіңіз және сол дизайндар сіздің жұмыс үстелі шолғышында көретін нәрсе болады деп күткен. Дегенмен, әртүрлі мобильді құрылғылар интернетті қараудың таңдаулы платформасына айналған кезде, бұған бұдан әрі сенімді бола алмайсыз.
Құрылғы-агностикалық дизайн - бұл алға басу және дизайнер Анна Дальстрем бұл мәселені қыркүйек айында Generate London-да шешеді. Ол құрылғы-агностикалық UX жүйелерін құру туралы әңгімесінде ол құрылғы-агностикалық дизайнның не үшін маңызды екендігі, нені білдіретіні және оны қалай жасау керектігі туралы әңгімелейді.
Сөйлесу алдында ол жұмыс үстеліндегі парадигмадан шығу және iPhone-да 4K монитордағыдай жақсы көрінетін және сезінетін сайттар құру туралы үш кеңеспен бөліседі.
01. ’Кез келген’ сіздің бастау нүктеңіз болуы керек
Бұл кез-келген құрылғыға, кез-келген экран өлшеміне, кез-келген енгізу әдісіне, кез-келген шолғышқа, кез-келген сигналға ... кез-келген жерде және кез-келген уақытта қолданылатын кез-келген нәрсеге арналған. Белгілі бір нәрсе жасау үшін әрдайым ерекшеліктер мен жақсы жағдайлар болады, бірақ біз ойлап тапқан көптеген құрылғыларда жұмыс істей алатындығына көз жеткізу үшін - қазіргі және болашақтағы құрылғыларда - және кез-келген жағдайда «кез келген» бұзудың алдында жақсы бастама болып табылады IF-ге.
02. Оған Lego сияқты келіңіз
Сіз құрастырған нәрсені және мазмұнды мүмкіндігінше құрылғы-агностикалық етіп алу үшін, сіз беттерге емес, негізінен блоктарға назар аударуыңыз керек. Модульдік дизайнды жасау бірнеше модельдерді құру үшін пайдаланылатын Lego жиынтықтарына ұқсас. Сіз не құрып жатқаныңызды және әр түрлі модельдердің қандай болатынын және сізге қажет екенін білуіңіз керек. Сіз мүмкіндігінше көп бөліктерді қайта қолданғыңыз келеді және тапсырыс бойынша тым көп болудан аулақ болғыңыз келеді, бірақ кейде тапсырыс қажет.
Бұл модульдік дизайнмен бірдей. Сіздің беттеріңіз бен модульдеріңіздің негізгі нұсқасы қандай екенін біліңіз және вариацияларды анықтаңыз, бірақ оны мүмкіндігінше қарапайым етіп қоюды мақсат етіңіз және тек қажет болғанда ғана вариациялар мен тапсырыс модульдерін жасаңыз.
03. Эскизді алып, қағазды алып тастаңыз
Эскиз - сіздің басты парағыңыз бен модуль шаблондарыңызды жылдам айналдыратын, сондай-ақ оларды кішірек және үлкен экрандарда ойластыратын ең жақсы досыңыз.
Мен өзімнің шеберханаларымда жасайтын қарапайым жаттығу - A4 форматындағы екі қағазды алып, жартысын бүктеп, екі бөлікке бөліп, 5 бірдей өлшемді қағаз болғанша жалғастыру, А4 форматындағы бүтін қағаз. Олардың физикалық өлшемін сіз жоспарлап отырған экранның өлшемін ескеріп, негізгі беттерді / көріністерді алыңыз, мысалы. басты парақты жазып, оны әр қағазға сызыңыз. Бұл табиғи үзіліс нүктелері арқылы тез ойлаудың тамаша әдісі, сонымен қатар «экран» рөлі өзгеруі мүмкін, ал егер Apple немесе Samsung солай болса, оған назар аудармаймыз.
Аннаның әңгімесін жіберіп алмаңыз құрылғы-агностикалық дизайн қыркүйекте; осы және басқа маңызды сессиялар мен веб-дизайнерлер мен алдыңғы дизайнерлерге арналған семинарлар туралы көбірек білу үшін Лондон құру сайт.
