Questions about creating scale or full-size models of a design or device. They are used for teaching, demonstration, design evaluation, promotion, and other purposes.

learn more… | top users | synonyms

1
vote
1answer
233 views

Creating mockup template using inkscape for logo design presentation

How do I create mockup templates for Logo design using Inkscape? I don't have Photoshop where mockup template can be created very easily. I have created a logo and I want to use this mock up as a ...
0
votes
5answers
153 views

Web mock up to Dev

I was curious what is the process/ workflow for a web project. Specifically if you as a designer created a mockup in a (.psd or .ai), and you need to hand it of to the developer. Do you annotate the ...
1
vote
2answers
280 views

How to create 3D presentational mockup templates to showcase logo design to a client? [duplicate]

I would like to know how to create a 3D presentational mockup template that utilizes smart objects to change dynamically for example logo design. I would like to know also tricks on how to add shadows ...
0
votes
1answer
107 views

How do I create a mockup of an app on desktop and iphone? [duplicate]

I don't know how to describe exactly what I'm looking for, but I've seen a service which allows me to take a mockup or illustration and put it realistically in pre-made images of a Mac and iPhone. ...
3
votes
2answers
32 views

Wire framing over full design?

I've experienced both PSD designs and wireframes in the past to work from, though never have I experienced using both. What's the main difference between a wireframe and a PSD mockup?
23
votes
4answers
130 views

Is there an advantage to doing a full image mock-up versus diving straight into writing the HTML/CSS?

In the past, many companies and web designers had a workflow that was two or three parts, minimum -- design, markup, backend. These are generalizing and the lines may blur a bit... but I'm sure you ...
0
votes
0answers
49 views

“Skewed”/Inclined 3D Style Tile [duplicate]

Does anyone have any idea how to create this realistic "skewed"/inclined 3D Style Tile?: Things to note from this design: The image "wraps" around the slab. The image has a light source that ...
6
votes
2answers
494 views

Using real products when creating fake mockups

When creating mockups for marketing material, what is the legality of using real products to demonstrate the use of your application? Examples for any given application: Google chrome with a ...
1
vote
4answers
674 views

Best tool to create a mock GUI quickly?

I'm looking for an application/tool to easily create a mock GUI. This GUI will be used by users to control home devices remotely. They can login to a website or use an application to view/control ...
4
votes
3answers
409 views

How to create an animated demo of my webdesign?

How to create an animation of my webdesign so the client can see the interactivity in the page (including popups, tooltips...) instead of seeing a set of still images? I used to make this task using ...
0
votes
1answer
286 views

How can I make 3D mockups for packaging more realistic?

I'm new at making 3D mockups. I have tried making 3D mockups(attached one) but they don't look like a real image. I have used both CorelDraw x5 and PhotoShop CS6 to achieve the necessary results. ...
0
votes
1answer
95 views

What is the tool that web designers do to present prototype

How do some web designers present their responsive website prototype in a computer, tablet and mobile presentation like this
1
vote
2answers
137 views

How to reduce screenshot dimensions for putting in a macbook mockup?

I need to put a screenshot(of a desktop application) in a macbook mockup. But I'm facing some issues. The mockup I have wants a screenshot of 2880x1800px but my system screen is not that big. I have ...
0
votes
0answers
58 views

How can I apply data set to a smart object in Photoshop?

I have a .psd file of some mock-up boxes, and I want to apply different text to multiple versions. The solution here is good, but doesn't seem to work with smart objects. The file that I have has the ...
1
vote
2answers
131 views

Which software to create mockups for webdesign

I used to use AdobePhotoshop for this purpose but after months i realized that it's not the best tool for this, does anyone recommend a good tool for webdesign mockups
2
votes
6answers
1k views

Turn die-line into 3D mock-up

If I have a 2D die-line of a product. What's the quickest way to turn it into a 3D mock-up? Preferably it should output to a popular 3D format like 3ds Max. Here's an example of the kind of dieline ...
0
votes
3answers
304 views

Mockups Pixelate Image

So I used a normal screenshot (630x1136) from an iPhone and I dropped into the PSD file. I tried so many ways but the image on the phone looks pixelated. Do you know how do I make make look good? ...
12
votes
6answers
7k views

How to create animated GIFs of prototype mockups, like the ones on Dribbble?

I'm sure you've seen Dribbblers upload animated mockups of their designs. Here's an example: I can create mockups on Photoshop and even apply simple Tween Animations to them but I can never get ...
12
votes
3answers
756 views

How can I showcase a working example of my past web development work, without linking to the constantly changing live site?

Whenever I design a website, I think it's useful to not only show screen captures but also coding abilities. Unfortunately, most of the time, clients end up editing websites themselves and if ...
16
votes
9answers
6k views

What is the difference between wireframes and mockups?

I would like to know the difference between Wireframes and Mockups. I'm hoping to gain a simple understanding of the difference or to definitively know that both are the same. I googled it but I ...
0
votes
0answers
57 views

Readable/clearer type on 3D rotated images

I'm using a lot of 3D rotated images, especially in mockups. I've always noticed that text become slightly less clear when they're rotated. I've always accepted this, since I thought there was no way ...
0
votes
1answer
422 views

PSD mockup template not getting design in place

I am trying to create mockup for my business card design but when I paste the design in the smart object layer and save it, the design only gets the effect of the template but the design do not go ...
-2
votes
4answers
842 views

Screenshot mockup of website on different devices [closed]

Which is the best way to show how a website differs on various devices for responsive web deisgn such as the screenshots found here
0
votes
4answers
847 views

How do I create a mock-up photorealistic book and graphics and what free tool could be used? [closed]

Can you create illustrations (see below) with indesign? I would like to create this content and offer PDF brochures to visitors and make it look much better. However, I am not sure if this is ...
0
votes
1answer
265 views

avoid blurred texts on mockups distorted images

I downloaded some psd to show my mockups, but it looks like the text is going to be blurred when I put anything inside the distorted smart objects. How to avoid this problem?
0
votes
1answer
270 views

How to Stop PS6 Vanishing Point Tool Pixelating Images

I've always run into this issue, and diving into it a bit more today, I can't seem to figure out 'HOW' to stop the PS6 vanishing tool from pixelating my website mock-ups! I often mock-up web ...
1
vote
3answers
16k views

UI Mockup and wireframing tool for Mac OS X app UI's [closed]

I'm looking to get some input from experienced designers, since my main job revolves around coding and not so much designing... What good tools are out there that one can use to mockup some os x ...
0
votes
0answers
165 views

Angled Mockups Pixelate Image

So I create designs in PS for an iPhone with dimensions of 640x1136. Really crisp. Export it as a PNG and then import it into an angled mockup of an iPhone. Then I upload it into the web and it ...
0
votes
1answer
98 views

How to add transparent browser windows for UX/UI wireframes?

I'm sure there's some tools available. Other than hand designing browser windows, other programs and export transparent wireframes? Has anyone made browser windows themselves with illustrator or ...
-2
votes
1answer
307 views

Site that creates an image with an uploaded photo on a Mac? [closed]

Is there a site/software that can aid in the design of an image that shows a Mac/PC with my product/screenshot displayed. I once found a site that enabled you to upload an image, choose a type of ...
1
vote
0answers
98 views

iPhone prototype app which overlays mocks with developed screens?

Anyone know the name of an app where you can overlay the design mocks on the developed testing screens? I downloaded an iphone app like this before, but forgot what it was. It’s hard to for the ...
0
votes
2answers
626 views

Mockup strategy for Responsive Web Design

When making mockups for Responsive Web Design projects, should I separate them by Page or by Screen Size? What are the pros and cons of the following: Page based: All the home page mockups in all ...
4
votes
1answer
248 views

Using incomplete web designs in a portfolio

I have battled a situation in the past from when I have an idea for a website I would design it. A few years back I decided to apply for some companies that were starting out in web development and ...
4
votes
4answers
478 views

What are some good “mocking-up” practices in web design?

A friend of mine and I have been trying to start up a web design company, so we're looking to find the most efficient overall web-design process straight off the block. However after reading a few ...
8
votes
3answers
3k views

How to achieve this 3D “Card” effect

How do I create this type of effect with an image? I'm wondering how to get the thick edges and the tilted look. Is there an online tool that will convert a flat image to look like this? Source
4
votes
3answers
637 views

What is the best way to review static mobile mockups?

This question is in regards to mobile site layouts but could just as easily apply to apps. I am not concerned with pitches, just true team reviews among UX, design, dev, and business partners. I ...
2
votes
2answers
217 views

How to represent a screenshot on multiple devices without using third-party branding

The company I work for wants to release a brochure and they want to demonstrate that our app works on PC (web-based app) as well as on a smart phone. They used to have a designer who used a picture of ...
8
votes
11answers
6k views

How to present web design mockups to a client?

I'm working on a website redesign project. I will need to present a few different mockups to the client for review. Besides sending images in an email, what is a typical way of presenting mockups to a ...
6
votes
3answers
1k views

How to give a site a mockup look?

Edit to clarify Thank you for the existing answers. I am afraid that you misunderstood my question. I don't want to create mockups (I have some, but they are not suited for my current purpose). I want ...
0
votes
3answers
2k views

How to create a concrete surface texture to use as background

I am trying to achieve this noisy background behind the cards. How can I recreate this effect?
6
votes
2answers
5k views

How can I create realistic business card mockups?

I'm trying to produce the effect in the below image: I'd preferably like to do this with Photoshop or Illustrator. How can this be accomplished?
1
vote
2answers
837 views

How to do a prototype print of a business card

I'm a newbie in the freelancer world. I started creating logos and business cards and I show it to my customers. Well, I always face a problem how to present my work in a professional and a nice way. ...
5
votes
2answers
2k views

Illustrator image viewed at 100% is “tiny”

I'm a web developer and I love Photoshop but unfortunately I have some design mock-ups sent over to me in Illustrator. When I viewed the document at 100% the text isn't even legible on my monitor. At ...