Questions tagged [mockup]

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.

Filter by
Sorted by
Tagged with
2
votes
2answers
860 views

font size for mockups across all devices

I have to create mockups in Photoshop across all 3 devices (iPad, iPhone and Desktop). Obviously 20px font size on a tablet is going to be a lot smaller then on a desktop so does anyone have any idea ...
0
votes
1answer
191 views

How to bring Illustrator CS6 file to Illustrator CC and still use CSS Extraction

If I've begun a project in Illustrator CS6 (a high fidelity mockup), can I later copy and paste this content into Illustrator CC and still expect to be able to use CC's CSS Extraction functionality on ...
10
votes
1answer
12k 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?
0
votes
1answer
129 views

different text sizes on different devices

I am really struggling and was wondering whether anyone can help. I am designing a mockup on photoshop of a website we are going to build. We have to show our mockups of the site for all 3 devices (...
0
votes
4answers
3k views

How to create mockup like this?

What is the normal process to create mockups like this? Are they created in 3D and then in photoshop? Would be a great help if you guys can help me.
3
votes
5answers
38k views

What's the width to mockup websites for desktop and mobile now?

Recently, I was practicing web design beyond code things. But after I opened Sketch and just started to make a rectangle of my site, I got stuck. What width should I use? I'd search for the ...
35
votes
4answers
35k 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
1
vote
0answers
37 views

How to depict mockups longer than the device

just wanted to ask what would be the best way to depict screens that are longer / wider than the device itself. For example a list, that has some kind of important item at the very bottom that is off-...
1
vote
2answers
783 views

How can I create an interactive mockup of my Photoshop web design?

This is my first time doing this. I made a web design in Photoshop and I don't know what to do next. I have to show other people the website and I was think of using WebEx. Is there another software I ...
1
vote
3answers
1k views

Create a mock-up of a towel that has been printed with a photograph

Is there a way to use Photoshop or Illustrator to superimpose a photo on a terrycloth texture? I would like to create a mock-up of a closeup image of a beach towel on which has been printed a ...
14
votes
2answers
1k views

The problem with mockups for Branding/Corporate-Design applications

I would like to ask you about a problem I’m facing very often at the end of a corporate-design process. After all corporate-design elements are approved, I usually go on with proposing some ...
2
votes
4answers
533 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 ...
0
votes
1answer
492 views

Creating a mock-up with foundation (prototyping)

I am new to ZURB's Foundation (new to responsive design, generally speaking), i came from 960GS, so I need help and some advice as I am very confused.. I start design process with 1) drawing some ...
-6
votes
2answers
98 views

Are there any low-cost freelance websites for doing Apple watch app mockup? [closed]

I have an image I would like displayed on an Apple watch but I'm brand new to mobile app marketing. I'm hoping I could find a place which might point me in the right direction.
4
votes
5answers
701 views

Most efficient way to adapt current mockups to different devices and resolutions

I've completed about 90 screens of mockups in Photoshop for an app. The mockups are done for iPhone 5 / iOS7 (640px by 1136px). Everything is calculated to pixel-perfection. Now management wants to ...
1
vote
2answers
11k views

How to use a vector mockup with perspective?

I don't know how to explain what do I want, so I put some images to explain that. We have a vector mockup here for example (image 1). There is no problem with this mockup because you need just put ...
1
vote
2answers
793 views

How to save business card in illustrator to be used in photoshop as mockup?

i have a problem here, trying to design a business card in illustrator and save it as eps to be used in photoshop to create mockup. The thing is, there are bleed line, trim line and safe line. When ...
1
vote
3answers
10k views

Designing a website mockup in Illustrator

I am designing a website in Illustrator and then handing the PDF off to the web developer. What size in inches should my mock up be?
3
votes
2answers
416 views

Pixellated Text on Magazine psd Mockup

I'm new to photoshop mockups to present my work. I can't figure out why the smaller text in the mockup isn't sharp, or the whole image in fact. I've been saving as a jpeg and then viewing at 100%. The ...
-3
votes
1answer
327 views

iPhone Screenshots Pixelated

I am having a problem putting screenshots into the iPhone image. As you see, the screenshot is pixelated. Do you know how to make clear screenshot? Basically I am using skew tool to fit the screenshot ...
0
votes
2answers
244 views

Is Balsamiq good enough to produce a mockup/exmaple of a site to present to a future client?

Is Balsamiq a "Stage 1" product and part of the initial design process for producing a mockup/design for a client or can I be used solely for this purpose?
1
vote
1answer
3k views

How to place UI gif in iPhone perspective mock for use on sites like Dribbble [closed]

I've seen many tutorials about how to convert a .mov file to a gif in Photoshop (Convert Video Frames to Layers, etc.), but none about how to place that gif in an iPhone perspective mock to be shown ...
1
vote
2answers
2k views

How can I view my PDF as a brochure?

I made a brochure (4 panels each side) in InDesign and I'd like to see what it would look like folded without printing it out yet. Kinda like an e-magazine or issuu, where you can flip the pages. Does ...
0
votes
0answers
171 views

How to create the 3D mock-up look [duplicate]

I saw this on Dribbble and I thought I'd have a go at reproducing it - https://dribbble.com/shots/2200956-Controlled-Content But i'm struggling to do so. I've had a play around with shear and ...
0
votes
3answers
1k 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 ...
-2
votes
3answers
983 views

What is Dpi and how to use it in android app design

I just took a project on android app design. I am beginning to learn about app design and this dpi stuff is really throwing me overboard. My main concerns are: 1) What is Dpi( I am not a programmer ...
-3
votes
3answers
452 views

What is the tool that web designers do to present prototype [closed]

How do some web designers present their responsive website prototype in a computer, tablet and mobile presentation like this
8
votes
12answers
13k 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. I want to make sure the client can see everything in context. I don't want to assume ...
4
votes
5answers
3k views

How to create an animated demo of my webdesign? [closed]

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 ...
1
vote
2answers
7k views

How to create perspective like this in Photoshop?

I really want to start creating professional mockups for my branding projects and for my portfolio but don't know how to create perspective like this.
0
votes
1answer
114 views

How many pages should I do as mockups in web design? [closed]

Let's say we've mapped out the sitemap and there are about 10 pages. How many of those pages should I create as mockups? Of course, it's a given that there should be the landing page. But aside from ...
0
votes
2answers
3k views

How to design Desk calendar mockup?

I have searched many website for free Desk Calendar mock up's but there are no such things i am happy with. But now i want to create a mock up. So if you help me how i can make a photo realistic desk ...
0
votes
2answers
90 views

Can you re-use layers but in different locations / dimensions?

In website mockups, I design the front page, then duplicate layers constantly for other pages design. Things like the header and footer stay basically the same, so they are copied. Their exact ...
0
votes
1answer
221 views

How can I get smooth fonts in mock ups?

I am mainly a coder but have to do design mockups from time to time. For this I have Fireworks CS5 which is great because I know how to use it and can just chop up various supplied media into a ...
1
vote
2answers
295 views

Creating bulk PDFs from Spreadsheet?

I have designed a TCG game with roughly 500 card created. I have a card frame made, and would like to use these to create a PDF of each card. Is there a way to automate this so i can make any changes ...
-2
votes
1answer
243 views

Redesigning website mock-up

I have to redesign a website and provide mock-ups. I was given the link to the live website but i was wondering how will i go about creating this mock-up? I make my own original mock-ups from scratch. ...
7
votes
2answers
3k views

Why are Apple products so common in mockups?

Inspired by this question: Why are Apple Macs used so much in the graphic design industry? While browsing through the web trying to find device mockups for my website, I realized that about 90% of ...
-2
votes
1answer
528 views

How to make some PSD file not to save as overwrite

Is there anything safety lock like feature for psd file to preserved its original file? I have free mock ups psd file from graphic design community site, I always use them, but some time I ...
2
votes
5answers
15k views

Best tool to create a mock GUI quickly? [closed]

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 ...
2
votes
2answers
494 views

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

I need to put a screenshot of a desktop application into a macbook mockup. My problem is that the mockup I have needs a screenshot of 2880x1800px but my system screen is not big enough. I have ...
2
votes
3answers
903 views

How to present a print project to a client?

I'm a self-taught designer and now I'm working on a packaging project. I'm designing in Adobe Illustrator CC using CMYK color mode, but now, I want to present my client the work with a mockup and I ...
38
votes
6answers
52k 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 ...
0
votes
1answer
167 views

optimizing a website mockup for portfolio

I saved my website mockup as a jpeg and the highest quality but when i upload it to my portfolio and see how it looks i notice the quality is worse still. The proper size is not showing as well. ...
2
votes
2answers
4k views

How to prepare (what all sizes and resolutions) mockups and UI graphics for an Android app in PS

I've seen similar questions asked here but they did not answer my question 100%. So please bear with me. Now I am starting an app design project for iOS and Android. I've been designing for iOS for ...
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 ...
1
vote
5answers
643 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 ...
2
votes
1answer
4k 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 ...
29
votes
4answers
783 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 ...
3
votes
2answers
4k 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 ...
3
votes
2answers
110 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?