Вывучаюць Асновы вэб-дызайну

Асноўныя элементы, неабходныя для стварэння вялікіх сайтаў

Калі вы наладжваеце, каб навучыцца вэб-дызайн, першае, што вы павінны памятаць пра тое, што распрацоўка вэб-сайтаў вельмі падобны на друк дызайн. Асновы ўсё ж. Вы павінны разумець прастору і размяшчэнне, як для апрацоўкі шрыфтоў і колераў, і ўсё гэта разам такім чынам, каб эфектыўна дастаўляе паведамленне.

Давайце паглядзім на ключавыя элементы, якія ўваходзяць у навучанне вэб-дызайн. Гэта добры рэсурс для пачаткоўцаў, але нават вопытныя дызайнеры могуць адточваць некаторыя навыкі з гэтым саветам.

01 07

Элементы добрага дызайну

філ / Getty Images

Добры вэб-дызайн так жа, як добры дызайн у цэлым. Калі вы разумееце, што робіць нешта добры дызайн, вы будзеце ў стане прымяніць гэтыя правілы да вашай вэб-сайтаў.

У найбольш важныя элементы ў вэб - дызайне добрыя навігацыі, лаканічныя і эфектыўныя старонкі, рабочыя спасылкі, і, самае галоўнае, добрая граматыка і арфаграфія. Майце гэта на ўвазе, як вы дадаць колер і графіку, і ваш сайт будзе выключаны з выдатным пачаткам. Больш падрабязна »

02 ад 07

Як Кампаноўка вэб-старонкі

Многія людзі думаюць, што размяшчэнне вэб-старонкі з'яўляецца дызайн, і шмат у чым гэта. Раскладка шлях элементы размешчаны на старонцы, гэта ваша аснова для малюнкаў, тэксту, навігацыі і г.д.

Многія дызайнеры аддаюць перавагу рабіць свае макеты з дапамогай CSS . Ён таксама можа быць выкарыстаны для такіх элементаў, як шрыфты, колеры і іншых карыстацкіх стыляў. Гэта дапамагае забяспечыць цэласнасць і прастату кіравання функцыямі праз увесь свой вэб-сайт.

Лепшая частка выкарыстання CSS з'яўляецца тое, што, калі вам трэба змяніць нешта, вы можаце проста звярнуцца да CSS і змяняецца на кожнай старонцы. Гэта сапраўды гладкае і навучыцца выкарыстоўваць CSS можа ў канчатковым выніку эканоміць ваш час і нямала непрыемнасцяў.

У сучасным свеце онлайн, гэта вельмі важна ўлічваць адаптыўны вэб - дызайн (RWD) , а таксама. Асноўная ўвага АВД з'яўляецца змяненне макета ў залежнасці ад шырыні прылады прагляду старонкі. Майце на ўвазе, што вашыя наведвальнікі будуць прагляду яго на кампутарах, тэлефонах і планшэтах ўсіх памераў, так што гэта больш важна, чым калі-небудзь. Больш падрабязна »

03 з 07

Шрыфты і тыпаграфікі

Шрыфты як ваш тэкст будзе выглядаць на вэб-старонцы. Гэта вельмі важны элемент, так як большасць вэб-старонкі ўтрымліваюць вялікую колькасць тэксту.

Калі вы думаеце пра дызайн, вы павінны думаць пра тое, як тэкст будзе выглядаць на мікра-узроўні (глифов шрыфта, сямейства шрыфтоў і г.д.), а таксама на макраўзроўні (пазіцыянаванне блокаў тэксту і карэкціроўкі памеру і форма тэксту). Гэта, вядома, не так проста, як выбар шрыфта і некалькі саветаў дапамогуць вам пачаць працу. Больш падрабязна »

04 з 07

Колеравая схема вашага вэб-сайта

Колер ўсюды. Гэта, як мы апранаемся наш свет і як мы бачым рэчы. Колер мае значэнне за рамкі проста «чырвонай» або «блакітны» і колер з'яўляецца важным элементам дызайну.

Калі вы думаеце пра гэта, кожны сайт мае каляровую схему. Гэта дадае да індывідуальнасці брэнда сайта і патокі на кожную старонку, а таксама іншых маркетынгавых матэрыялаў. Вызначэнне вашай каляровай схемы з'яўляецца важным крокам у любой канструкцыі і павінна разглядацца старанна. Больш падрабязна »

05 07

Даданне графікі і малюнкаў

Графіка пацешная частка стварэння вэб-старонак. Як той казаў «карцінка каштуе 1000 слоў», і гэта таксама дакладна і ў вэб-дызайне. Інтэрнэт з'яўляецца вельмі візуальнай асяроддзем і якія вылучаюцца фатаграфій і графік могуць сапраўды дадаць да заручыны карыстальніка.

У адрозненне ад тэксту, пошукавыя сістэмы маюць цяжкі час, кажучы, што такое малюнак з'яўляецца, калі не даць ім гэтую інфармацыю. Па гэтай прычыне, распрацоўшчыкі могуць выкарыстоўваць атрыбуты тэгаў IMG , як ALT тэг , каб уключыць гэтыя важныя дэталі. Больш падрабязна »

06 з 07

Ня Discount навігацыі

Суднаходства як наведвальнікі абыйсці з адной старонкі на іншую. Гэта забяспечвае рух і дае наведвальнікам магчымасць знайсці іншыя элементы вашага сайта.

Вы павінны пераканацца , што структура вашага сайта (інфармацыйная архітэктура) мае сэнс. Яна таксама павінна быць вельмі лёгка знайсці і чытаць , так што наведвальнікі не павінны спадзявацца на функцыю пошуку .

Канчатковая мэта складаецца ў тым, што вашы навігацыі і убудаваныя спасылкі дапамагаюць наведвальнікам даследаваць ваш сайт. Чым даўжэй вы можаце трымаць іх, тым больш верагодна, вы атрымаеце іх, каб купіць усё, што вы прадаеце. Больш падрабязна »

07 07

Вэб-дызайн праграмнага забеспячэння

Большасць вэб-дызайнеры аддаюць перавагу працаваць у WYSIWYG або «Што вы бачыце, што вы атрымаеце" рэдактараў. Яны забяспечваюць візуальны інтэрфейс для праектавання і дазваляюць засяродзіцца менш на кадаванне HTML .

Выбар правільнага дызайну праграмнага забеспячэння вэб можа быць праблемай. Многія дызайнеры аддаюць перавагу Adobe Dreamweaver , паколькі ён просты ў выкарыстанні і ўключае ў сябе амаль усе функцыі , вы калі - небудзь будзеце мець патрэбу. Ён прыйшоў на кошт, хоць, але ёсць бясплатная пробная версія даступная.

Пачаткоўцам можа захацець зірнуць на бясплатныя або анлайн вэб - рэдактараў . Яны дазваляюць плёскацца ў вэб-дызайне і пабудаваць некаторыя дзіўныя старонкі на невялікую плату. Больш падрабязна »