web app ui design

web app ui design

okay, so i’m making a series of videosabout online design tools... that you can use for your own website... or for designing somebody else’s website, and todayi am going to take you through 10 websites... which give you the opportunity to create mock-ups. several are, you know, downloading psds. several are uploading picturesand downloading the files. anyway it’s a mixture of websitesthat you can use to enhance your websites. so let’s go. the first one i want to show youis pixeden.com...

and if you go thereand you have here free graphics, then you get taken to this pagewhere you can see all kinds of psd mock-ups... and as you can see there’s a lot of them. and basically what you do is, for instance, you want an iphone 7 psdjet black mock-up [sorry] then you go here and you can just download itas a free resource. that’s the first site.pixeden.com. the second one is css author,which is really an awesome site... and you have a thousand plusfree mock-up templates and psd designs...

and basically you just scroll through. you go for instance to, let’s say,tablet mock-ups here... and then you can just look at themand you can just download these... and there’s some really nice onesas you can see. and again just if you have photoshop... then it’s very easy to switch these things out. it’s a long, long, long list of mock-upsas you can see. that’s css author.definitely check that one out. then the next one is pixelbuddha.net,

which has freebies, also some paid options, but this is the freebie section where,for instance, you can say, okay, i want to see web project presentation mock-upsand then here you can view them. this one i like, really.this is the retro mock-ups. as you can see here, you can basically justdownload these and you download the psd file. yeah? that’s pixelbuddha. another one that is really niceis freebiesbug.com. if you go to the website then, you know,on the front page you see all kinds of other stuff, but here on the side you see free psds andhere you have your free psd resources,

so for instance let’s see.let’s scroll through: personal blog design template so hereyou can download that psd file... and then you can use it as a mock-up. you can also, here, free psds, mock-ups itself,then you get the usual mock-ups. you know, that you can use for your design,for instance, let’s take a nice one. okay, let’s take this one:white mock-ups for the iphone 6... and then you can just uploador you can just design, like, your psd, you can put the picture in that you wantand create your mock-up like that. then there’s graphicburger.com.i love this name.

this is just totally awesome,where there’s all kinds of other mock-ups. for instance, there’s bus stop mock-ups,there is t-shirt mock-ups, hanging walls, and let’s check one out:coffee cup in hand mock-up. and here you can see, and again,you can download them, the layered psd. yeah? here you can also see the dimensions are4100 x 2800 pixels, which is pretty cool. minimum photoshop version cs3, size etc.so you get all these data and you can download. i mean, just check it out.there’s a lot at graphicburger. that’s graphicburger.com.then we go to medialoot.com, which has all kinds of other kinds of mock-ups.

for instance here there’s a wood photoframe mock-up and you can check it out, you know, like what kind of frame mock-upsthey have, and again, it has a free license, you can use themfor commercial projects, but in this case you haveto give attribution back to medialoot. yeah, just as a note. many of the othersyou don’t have to give attribution. then there is dunnnk.com.it’s a bit a simpler site. this is a website where you basically uploadyour picture and then you create a mock-up. for instance, here you can upload the design... and then it will put the picture here insidethe screen and then you can download it.

that’s dunnnk with three ns.com.then there is lab25.co.uk. this is a very nice website.“get started.” it doesn’t have a lot of mock-upsbut what they have is pretty okay. for instance here you can havea macbook pro or an imac one or... and again you upload your files.let’s say this one. so you drop the image here and thenit creates basically this mock-up for you. yeah? then there’s placeit.net. what i likeabout placeit.net is that they have a... first of all they have a lot, but theyalso have png’s, like transparents. so for instance if i click here “transparents” theni see only the transparents, which, you know,

usually is something that we use as web designers. you just click on something and thenyou drop the image and then, etc. and then it’s downloadable, yeah?then another one is mockupworld.co. here you have for instance, in this case,a big carton box mock-up, but here you also have a good search function, so for instance if i type in “car,” entire site, search,then what i’m going to see – here we go... here, so here you have, like,a steering wheel and, you know, and it’s all sort of laid out as a blog post,iphone in car mock-up, compact car mock-up, etc. again all free mock-ups, you candownload them, etc., and use them.

so those were the 10 websites whereyou can download mock-ups. this was part 1 in a series offree online tools for web designers. i made a video before with free stock photos.i’m going to put a link down below the video also. all websites by the way aredown in the description linked, so you can just click on the linksand then you go to these websites. if you have any suggestionsfor other videos, then let me know, because i am ready to make a whole seriesof these with all kinds of tools, that web designers can use to build their websitesfor themselves or for their clients. okay, so far so good.please subscribe if you liked the video.

you can share the video of course.it’s not a problem, we don’t mind if you do. so see you in the next video probably and if yousubscribe, again, then you’ll be notified immediately... as soon as that video number 2 is online. so thanks for now and happy designing.

web app ui design Free Image Patterns for Web Background