Leer die basiese beginsels van webontwerp

Noodsaaklike elemente wat nodig is om groot webwerwe te skep

As jy webdesign wil leer, is die eerste ding wat jy moet onthou, die ontwerp van webwerwe lyk baie soos drukontwerp. Die basiese beginsels is almal dieselfde. Jy moet ruimte en uitleg verstaan, hoe om fonts en kleure te hanteer en dit alles op 'n manier te plaas wat jou boodskap effektief lewer.

Kom ons kyk na die sleutelelemente wat verband hou met die ontwikkeling van webontwerp. Dit is 'n goeie bron vir beginners, maar selfs ervaar ontwerpers kan sekere vaardighede met hierdie advies versy.

01 van 07

Elemente van Goeie Ontwerp

filo / Getty Images

Goeie webontwerp is dieselfde as goeie ontwerp in die algemeen. As jy verstaan ​​wat 'n goeie ontwerp maak, sal jy daardie reëls op jou webwerwe kan toepas.

Die belangrikste elemente in webontwerp is goeie navigasie, bondige en effektiewe bladsye, werkskakels, en, bowenal, goeie grammatika en spelling. Hou hierdie dinge in gedagte as jy kleur en grafika byvoeg, en jou webwerf sal tot 'n goeie begin wees. Meer »

02 van 07

Hoe om 'n webbladsy uit te stel

Baie mense dink dat die uitleg van 'n webblad die ontwerp is, en op baie maniere is dit. Die uitleg is die manier waarop die elemente op die bladsy geplaas word, dit is jou grondslag vir beelde, teks, navigasie, ens.

Baie ontwerpers kies om hul uitlegte met CSS te doen . Dit kan ook gebruik word vir elemente soos lettertipes, kleure en ander persoonlike style. Dit help om konsekwente en maklike funksies oor u hele webwerf te bestuur.

Die beste deel van die gebruik van CSS is dat wanneer jy iets moet verander, jy net kan draai na die CSS en dit verander op elke bladsy. Dit is regtig glad en leer om CSS te gebruik, kan uiteindelik jou tyd bespaar en nogal 'n paar probleme.

In vandag se aanlynwêreld is dit baie belangrik om ook reageer webdesign (RWD) te oorweeg. Die primêre fokus van RWD is om die uitleg te verander afhangende van die breedte van die toestel wat die bladsy besigtig. Hou in gedagte dat u besoekers dit op desktops, fone en tablette van alle groottes sal besigtig, dus dit is belangriker as ooit. Meer »

03 van 07

Fonte en tipografie

Fonts is die manier waarop jou teks op 'n webblad lyk. Dit is 'n belangrike element omdat die meeste webbladsye groot hoeveelhede teks bevat.

As jy aan ontwerp dink, moet jy dink hoe die teks op 'n mikrovlak lyk (die lettertipes, fontfamilie, ens.) Sowel as die makrovlak (posisionering blokke van teks en die grootte van die grootte en vorm van die teks). Dit is beslis nie so maklik soos om 'n font te kies nie en 'n paar wenke sal jou help om te begin. Meer »

04 van 07

Jou webwerf se kleurskema

Kleur is oral. Dit is hoe ons ons wêreld aantrek en hoe ons dinge sien. Kleur het betekenis buite net "rooi" of "blou" en kleur is 'n belangrike ontwerpelement.

As jy daaraan dink, het elke webwerf 'n kleurskema. Dit voeg by die handelsmerkidentiteit van die webwerf en vloei in elke bladsy sowel as ander bemarkingsmateriaal. Die bepaling van jou kleurskema is 'n belangrike stap in enige ontwerp en moet versigtig oorweeg word. Meer »

05 van 07

Grafieke en prente byvoeg

Grafika is die prettige deel van die bou van webblaaie. Soos die spreekwoord sê: 'n foto is 1000 woorde werd 'en dit is ook waar in webontwerp. Die internet is 'n baie visuele medium en opvallende foto's en grafika kan werklik bydra tot jou gebruikersbetrokkenheid.

In teenstelling met teks, soek soekenjins 'n moeilike tyd om te vertel wat 'n beeld is, tensy jy hulle daardie inligting gee. Om hierdie rede kan ontwerpers die eienskappe van die IMG-tag gebruik, soos die ALT-tag om daardie belangrike besonderhede in te sluit. Meer »

06 van 07

Moenie Discount Navigation

Navigasie is hoe jou besoekers rondkom van een bladsy na 'n ander. Dit bied beweging en gee besoekers die kans om ander elemente van jou webwerf te vind.

Jy moet seker maak dat die struktuur van jou webwerf (die inligtingsargitektuur) sin maak. Dit moet ook baie maklik wees om te vind en te lees sodat besoekers nie op die soekfunksie moet staatmaak nie.

Die uiteindelike doel is dat jou navigasie en inlyn skakels besoekers help om jou webwerf te verken. Hoe langer jy hulle kan hou, hoe meer waarskynlik kry jy hulle om te koop wat jy verkoop. Meer »

07 van 07

Web Ontwerp Sagteware

Die meeste webdesigners verkies om te werk in WYSIWYG of "Wat jy sien, is wat jy kry" redakteurs. Dit bied 'n visuele koppelvlak aan die ontwerp en laat jou minder fokus op kodering HTML .

Die keuse van die regte webdesign sagteware kan 'n uitdaging wees. Baie ontwerpers verkies Adobe Dreamweaver omdat dit maklik is om te gebruik en sluit byna elke kenmerk wat jy ooit nodig het. Dit kom wel teen 'n koste, maar daar is 'n gratis proeflopie beskikbaar.

Beginners wil dalk kyk na gratis of aanlyn webredakteurs . Dit laat jou toe om in webontwerp te dabbleer en op 'n klein of geen manier 'n paar wonderlike bladsye te bou. Meer »