Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Key web design tips you will find beneficial

See some of the most operative but least discussed web design tips and tricks to elevate the appeal, effectiveness and ultimately the standards of your website.

  • Loggen Sie sich ein, um Kommentare anzuzeigen.

  • Gehören Sie zu den Ersten, denen das gefällt!

Key web design tips you will find beneficial

  1. 1. WEBDESIGN TIPSYOUWILL FINDBENEFICIAL KEY
  2. 2. KEYWEBDESIGNTIPSYOUWILLFIND BENEFICIAL Thedesignofyourwebsitedeterminesitsmarketingpotentialtoagreatextent.Inthedigitized infrastructureofbusiness,competitioninthecyberspaceishighamonggenericbrands.You needtostandoutwithyourwebsiteinthiscompetitiveclutter.Evidently,mostofthecompanies seekwebdesignanddevelopmentservicesfromexperts.Awell-designedwebsitegoesalong wayinmouldingthewayyoumarketyourproducts.Infact,websiteshaveturnedintopowerful toolsformarketinginthevirtualspace.Avisuallyappealingwebsitecanattractyourcustomers andengagethemforalongerspan.
  3. 3. HerearecertainWEBDESIGNTIPSANDTRICKSthatyouwillfindhandy. WhileusingCodekitforreloadingbrowsers,businessownersareabletoviewthechangesinthe browsersinstantly.Youneednotreloaditagainanditsimplifiestheprocess.Codekitisessen- tial,particularlyifyouareusingMac.Asmallcostisinvolvedintheprocessanditwillhelpyou torefreshthebrowserfast. CODEKITFORBROWSERRELOADING Applyingglobalchangescanhelpprofessionalsfromalldomainsoftheindustryinstrengthening theirwebsites.Thewebsitedesigningprocesswillgetaboost,whenyouadoptthisstrategyat theearlyphaseofthedesignprocess.ThewildcardCSSruleworksoutwellinthesecasesand fortheselector,youcanuseanasterisk. APPLYINGGLOBALCHANGES
  4. 4. Theoutlinesshouldbesetingarishcolours.Shadeslikered,blue,greenandyellowworkout wellinthesecases.Thiswillallowyoutoinstantlyviewtherulesthatareappliedtothecontent youarelookingat. SETTINGGARISHOUTLINES Checkoutthecharactercountperlineswhenyoudesignyourwebsite.Onanaverage,45-75 charactersineachlinemakeitsuitableforcomfortablereading.Inresponsiveandfluiddesigns, youshouldplaceadummylineoftextonthepagealongwithanasterisk,with45characters. Withanotherasterisk,thecharactercountshouldbe75.Nowresizethemtoviewthesizethat canbecomfortablyread. CHARACTERCOUNT WiththeinceptionofHTML5,videoembalminghasbecomesimplified.However,designersface aproblem inresizingthevideoresponsivelyandensuringappropriateresizingdegradesfor Flash,incaseitdoesnotsupportHTML5embedding.FitVids,apopularjQueryplugin,canease uptheprocess. INTEGRATINGFITVIDSWHILEEMBALMINGVIDEOS
  5. 5. YoucaneliminateunnecessarybytesfromyourimagesbyusingSmushit.Theoptimizationtech- niquesarebeneficialinthesecases,asoptimizedimageshelpthesitestoloadfaster.They showabetterperformanceonmoredevices. USESMUSHITFORREDUCINGIMAGESIZE Incaseyouareexportingimagesfrom PhotoshoptoPNG, youshouldtrytoexportitasan8bitPNGfile.Particularly,if itdoes notneed transparency,you can integrate this process.Thiswillnotaffectthequalityoftheimageinmost ofthecases.Youwillbeabletoreducethesizeoftheimage byalargeextent. USE8BITPNGIMAGESWHILEEXPORTING Ifyouarewillingtominimizethefilesizeandmaintaintransparencyatthesametime,use PNGQuantforconvertingimages.Integratingthisprocess,24/32bitPNGscanbeconvertedto 8bitPNGsandyoucanmaintainthetransparencyatthesametime. USEPNGQUANTTOCONVERTIMAGES WhenyouusePhotoshop,youcanuseGuideGuide.Itisarow,columnandmidpointpanelused intheeditingsoftware.Aswebsitesarebestdesignedingrid,youneedtosettheseupwhile websitedesigning.However,itisatedioustaskandyoucaneaseuptheprocessbycreating customgridsusingthistool. USINGGUIDEGUIDE
  6. 6. Itisrecommendedtointegrateagridthatcanbedividedby2,3and4.Usea12-columngrid, whichturnsouttobeaversatileonewhiledesigningyourwebsite.Youmaycheckoutthe populargridtemplatesbeforedesigningthewebsite. INTEGRATINGA12-COLUMNGRID Whiledevelopingawebsite,choosingtherightcolourpanelplaysanimportantroleinincreasing theappealofthewebsite.Tryoutvariouscolourschemes,ideasanddesignsinyourwebsiteto enhanceitsappeal. CHOOSINGTHECOLOUR Enrichedtypographyaddstotheeleganceofyourwebsite.YoucanuseTypecast,apopular appusedtodevelopthetypographyseamlessly.Thedeveloperscanbuildtypographicpalettes andcomparethemeasilyusingthissoftware. USETYPECASTTODESIGNTYPOGRAPHY
  7. 7. AfreeversionofTypecasthasbeenreleasedafterMonotypeandGoogleteamedup,whichyou canaccessthroughGoogleFonts.DesignerscanchooseanyfontonthewebsiteforGoogle FontsandgetacrosstotheTypecastappbyfollowingthelinkthatappears. USINGTYPECASTANDCHOOSEGOOGLEFONTS DesignerscanuseFontSquirreltogetfreefontsforthewebsite.Webdesignershavestruggled overtheyearsinfindingtherightfontfortheirwebsite.YoucanuseFontSquirreltogetfree websitefontsandusetheminyoursite. FREEWEBFONTS YoucanuseDropboxProasasimpleversioningsystem.Itcomeswithasmuchas100GBof storagespaceandthedesignerscandealwithaccidentaldeletesmoreefficientlywiththistool. USINGDROPBOXFORCONTROLLINGTHEVERSION Websitedesignersoftenwhipoutthesketchbookattheoutset.However,youneedtochange theapproachandslowdown.Itisnecessarytoadoptanapproachbasedonthescenario,and notonthedesign.Theuser’sgoalsneedtobeestablishedfirmly.Youneedtoidentifytheir needsandbuildthedesignaccordingly. APPROACH IfyourdesignideafitsonaPost-itnote,goahead.Designerswillgainclarityindecidingthe strategiesthatarelikelytoworkoutwellforthem.Omittheelementsthatyoudonotneed.Get acrosstoareputedwebdesignagencyforthenecessarysupport. PLACEYOURWEBSITEONPOST-IT
  8. 8. NAMING THE LAYERS While designing a website, you should name the layers wisely, making them as descriptive as possible. This is what most professional companies offering web design services do. When you try to locate it later on, this will eliminate your troubles. You can find it easily whenever you want, when the layers are named systematically. ELIMINATE UNNECESSARY LAYERS While working on Photoshop, you should eliminate the layers that are not required. It will reduce confusion and speed up the designing process. If you are willing to save the extra layers for specific purposes, archive them to keep the space clutter-free. LABELLING THE FOLDERS Labelling the folders according to its contents simplify the designing process. You need to create separate folders for images, fonts, logos and other resources. Label them accordingly to prevent confusion in future.
  9. 9. Thefilenamingstrategyshouldhaveconsistencyinit.Whenyoustorethewebsiteelementsin thesefiles,youshouldcomeupwithaplanabouthowyouaregoingtonamethefiles.Besides, youshouldstoretheolderfilesinarchivedfolders,withspecificnames.Thiswillhelpyouto locatethemlateron. MAINTAINACONSISTENCYWITHTHENAMES Asyouproceed,youneedtosavetheresourcestotheserver.Evenwhenyoutweakthefiles, youshouldsavethemintheserver.Thiswillmakeyourrecentworkeasilyavailablewhenever youneedthem. SAVINGTHEWORKTOTHESERVER
  10. 10. ProfessionalwebsitedesignersoftenbankonPinteresttocollaboratewiththeirclientsonmood- boards.Alargesectionoftheclientsprefersmoodboards,asitisanidealstrategytogatherthe relevantelements.Theclientscanparticipateintheinitialdesigningprocessandcomeupwith specificrecommendationsregardingthedesign. USINGPINTERESTFORMOODBOARDS Oneofthemosteffectivestrategiesforsuccessfulwebsitedesigningistowelcomenewchal- lengesandinnovateideastocatertotheneedsoftheclients.Websitedesigningisadynamic art,anddesigntrendskeeponevolving.Incorporatingcreativeideaswillenableyoutowelcome newchallengesinthiscreativeart. INNOVATEANDWELCOMENEW CHALLENGES Youmayhaveawordwiththeexpertsfor websitedesignideas.Typically,experienced designers craftpowerfulwebsites fortheir clients.Withtherightdesignelementsand strategy,youcancraftapowerfulwebsitethat can help your business explore greater horizons.

×