Questions tagged [mobile]

Questions about designing content and visuals for mobile devices; this kind of design often carries its own set of rules and restrictions. Ask anything related to designing graphics for mobile devices.

Filter by
Sorted by
Tagged with
-1
votes
0answers
32 views

Artwork Colors Look very saturated on mobile screens

when I view my exported photos on my mobile device(OPPO a37fw) the colors are totally oversaturated, but the same image Looks totally fine on my laptop monitor (Haier Y11c). as usually, I searched on ...
0
votes
1answer
38 views

Measuring units for Android UI Design

I am designing a mobile app for the Android OS. I am currently using Adobe XD. What is the base screen size that I can use to start designing so that 1px is equal to 1dp or 1sp. Also what is the ...
0
votes
1answer
25 views

How to add images and videos to screen mock ups?

I'm a beginner in UI right now and I wanted to upload my work on Behance. But I want to put my project images on the iPhone screen mock-up. I did know basic things about it but still confused about ...
1
vote
1answer
466 views

When prototyping in Figma, can I make the frames automatically fit the device screen width?

I'm new to Figma, just started learning it today, so maybe I'm missing something obvious. I have a frame with a design that uses constraints to scale nicely to different screen widths. When I ...
0
votes
0answers
17 views

How do I get a point value using pixels and pixel density?

I'm designing a project in Filemaker Pro (FMP). When designing my layout I can select "point" values for my custom screen sizing. I have no idea how to get these values. I have a Google Pixel 3 XL ...
0
votes
2answers
64 views

iOS App design Base size

I am designing a mobile app for iOS. What is the base screen size that I can use to start designing the UI of the app so that there won't be any issues while exporting the icons and assets for the ...
0
votes
0answers
41 views

How to choose font and text colors for Full-Page backgrounds?

I am an amateur web developer, and I am teaching myself React. Currently, I have been building a personal website hosted on github pages. I want to complete the mobile design first, see some pages ...
0
votes
1answer
271 views

How to show the link is clickable ? Mobile UI Design

I am prototyping a profile interface for a social network app and I can't figure out how to show that the links in the "Progression" card are clickable. I put some interrogations points, to point ...
2
votes
4answers
245 views

Sizes and dpi confusion

I am designing an app for multiple screen sizes in Android and I have been researching a lot on how the sizes should be kept. Until now I have been able to understand that for multiple sizes such as ...
2
votes
3answers
156 views

How to create an effect like in the below picture?

I would like to know what kind of effect/filter applied in the below image (from an online shopping website) to look in this way. I'm a newbie to photo editing. Your help is greatly appreciated. ...
3
votes
1answer
51 views

Should I create a button image in high resolution if the product needs to be low resolution?

Should a mobile game button (say 72x72 pixels round one) be created in these exact dimensions or create it in a larger resolution and export a low resolution file? I think working with a larger one is ...
5
votes
4answers
1k views

Why @2x Mockups

Just for my own curiosity, why is it becoming a trend to create "@2x" mockups in photoshop? Other than creating larger native file-sizes, what's the difference between a 360ppi mock vs a 72ppi mock (...
2
votes
0answers
285 views

Email signature question. Scaling on iPhone

I have created a email signature with a small logo embedded. Copied and pasted into signature box within Outlook for Mac. The original is a PNG and larger than the size that is embedded (thinking ...
0
votes
1answer
116 views

Does the image in this scene look out of place? I can't seem to incorporate it into the scene

So, in this scene I have cards which can come with our without an image, and for those who do come with an image I can't seem to incorporate into the scene cohesively. It's hard to me to explain how ...
1
vote
1answer
138 views

How do I create a rectangle with rounded circle incision in Sketch?

I am looking to create something similar to this, anyone have ideas?
0
votes
2answers
118 views

How can I make a heading more legible on a real estate background?

This is a billboard design I'm working on (to be used on highways). I think the heading on this is a little less legible (I just feel so. Is it really?). So is there any way to make it more legible? ...
0
votes
3answers
108 views

Good way to highlight important values in limited space

In my app I have a card that looks like so: In which I want to highlight to the user certain values when, for example, there is less than a day left, the card is less than a kilometer away or when it ...
-1
votes
1answer
52 views

How perfectly scale and produce different sizes of icon without losing the quality in Illustrator

I already have sketch icon converted in svg, eps and ai files. And I wanted to produce different specific sizes for mobile app design. How would I properly scale an Icon?
0
votes
1answer
105 views

Design critique on my apps menu [closed]

So, my app has this 'hidden' menu which opens through a button in the toolbar, the idea of the menu is that it's 'behind' the main part of the app. Also as the data is presented to the user as ...
1
vote
3answers
1k views

Reduce size of image without reducing quality

Reason for asking this question : I have collection of images (.png) of about 1000+ in my Application Bundle. Which taking alot of space while deploying the application on a device. PS : I would ...
2
votes
0answers
104 views

Looking for resources to study the design practices for Asian countries like china, taiwan etc [closed]

I am a visual designer and I have recently got this project on researching web/app design practices for Asian countries e.g. China, Taiwan, Japan, Korea etc. I have been trying to search for books or ...
-1
votes
1answer
67 views

Mobile design guidelines and handoffs

Backstory: I have no previous digital design experience but recently started working as a UI/UX designer for a small company. This is my first job. Problem: We are currently working on a react ...
0
votes
1answer
130 views

Mobile app design advice and critique [closed]

Need some help and advice, been working on an app, works good, time for the fun part, the design right. Turns out i really suck at that. So i made a few drafts, the green and yellow one was how i ...
11
votes
4answers
17k views

Responsive web design is based on screen resolution or screen size?

For mobile devices the resolution is actually big, only screen size is small. based on that: For websites design, do we target screen resolution (e.g 1920x1080)? And for mobile apps. do we target ...
5
votes
3answers
341 views

Mobile buttons with the same color as canvas background

I am designing a mobile UI and I was wondering if having the buttons the same color as the canvas background is bad visual design? There will be a border around the buttons so it will be noticeable to ...
6
votes
3answers
7k views

Design mobile layouts using physical resolution or logical resolution?

First, some background: All smart phones these days have what is called a "Device Pixel Ratio". Essentially, it means that a web browser on a smart phone is going to interpret the screen resolution ...
1
vote
1answer
195 views

Sketch - how to create 3d design preview pics? [closed]

I don't know what the exact term is for this, but I often see UX/UI designs displayed as follows: i.e., displayed on rendered mobile devices' screens in 3D. I have finished my UI design in sketch (...
2
votes
3answers
460 views

What wireframing tool can I use that is focused on Android and iOS design?

I've been trying to wireframe my designs for apps, but keep getting frustrated with the limited ability and poor usability of the software I've used (Balsamiq, Pencil, Prototyper). Do you have any ...
0
votes
1answer
55 views

What artboard sizes are acceptable when using 960 grid system

I have trouble understanding this one thing while learning illustrator as a web design tool. Basically, I have to create 3 artboards- for mobile, tablet and monitor, but most teachers use different ...
-2
votes
1answer
83 views

What are the best Practices in designing a Landing Page Mobile UI with a group of different buttons with different functionalities [closed]

For a Application I am working on, There are 5-6 differenr services which will be available to user as soon as they login. These services will be present as a seperate button , so that user just click ...
-5
votes
1answer
339 views

Does anyone know what these background bubble objects are called/achieved? [closed]

I am a programmer and not an artist so I apologize in advance if the question I am asking sounds trivial. But does anyone know what these things (floating interconnected ball effect) is called? I see ...
1
vote
2answers
189 views

Where can I find Ionic components images for UI design? [closed]

For testing different UI combinations for an Ionic mobile application I have been asked to provide a Ionic components image kit so they can be drag&drop into Photoshop or other editor. I have ...
1
vote
1answer
720 views

How I can select UI elements inside sketch symbols for Invision Craft Prototype Tool?

I can't apply links in elements that are inside of a symbol. I don't want detach them from symbols so how I can put these elements selectable for Craft Prototype tool? Here's example for tab app menu:...
3
votes
0answers
934 views

Making Dirt Texture in GIMP [closed]

I'm making a mobile game. The game requires dirt/rock textures. I tried making a dirt Texture in GIMP using a bump map filter and a tried the different filters for creating the random noise. The ...
0
votes
1answer
1k views

Why does the color of my image change when it's reviewed on a mobile device?

I exported my vector CMYK file from Illustrator as an RGB image. On my customer's mobile, the colors change and he can not review the work to approve it. What can I do to display the correct colors?
3
votes
0answers
2k views

Number of columns for mobile devices in grid systems

Currently designing in Adobe XD me and my team were discussing about the perfect approach to grid systems. How in You opinion should we handle the number of columns for mobile devices? 1. Go the ...
-2
votes
1answer
2k views

What is the size of screen shots for play store and app sote

Anyone tell me what should be the size of screen shots for play store and android. thanks
2
votes
2answers
872 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
66 views

Which Adobe tools are most appropriate to make App Store icons, and images?

I am a programmer and need to put something on the App Store in test mode (TestFlight, HockeyApp, etc). I need to create a variety of images, logos, and other material for the submission... but I ...
-1
votes
1answer
124 views

Making labels stand out on background? [closed]

A page in my app shows a picture of the user's pet, I'm trying to add a label above the picture that will contain the pet's name. I'm a computer science student who is really bad at UI and am having a ...
1
vote
1answer
343 views

What should the dimensions be for a banner optimized for mobile phones?

I have created a web banner for a website. Now I have to create an optimized version of the same for its mobile phone version (when the website is viewed through a mobile browser). What are the usual ...
2
votes
2answers
61 views

Are there any guiding principles for using Capitalization variants in web products (websites, mobile sites, mobile apps)?

By Capitalization variants I mean - All caps, Camel casing, All small. I want to understand which of these variants should be used in content-elements like Heading, Sub-heading, Navigational-Menu-...
-1
votes
1answer
78 views

When and when not borders are necessary? ( iOS design)

I'm trying to understand, if the usage of a border at the navigation bar contribute to the design/UX in some way? Would love to hear your thoughts about that. Designed for iOS
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 ...
2
votes
1answer
832 views

Should my navigation bar start as transparent then become opaque on scroll?

Android has this UI behaviour: The navigation bar is transparent at first, with only the back button. But as the screen is scrolled up, the navigation bar becomes opaque, and the title fades in (on ...
4
votes
3answers
363 views

Managing design assets and modular templates for an app

Does anyone know or use any tool or application program that allows you to manage all design assets and its modular/page templates from your desktop or in a shared drive or even online? I am ...
0
votes
3answers
92 views

What could be good position for the view showing the duration in the layout?

So I have song name, album name , album art at left side of the layout, and three views consisting duration of the song, overflow menu button and a playlist button on the right side of the layout. I ...
1
vote
1answer
53 views

When and when not should i use proportionally-to-screen sizes

I'm designing my app (targeting only iOS/iPhone devices). Currently, there couple components, which I'm designing to fit into iPhone 5 screen(smallest screen). On largers screens(iPhone 6, 6+), I'm ...
6
votes
2answers
195 views

Mythology/ancient mobile-design do's and don'ts?

I am designing a mobile app about Greek mythology and want to make the app feel authentic. I was wondering when you try to make an app look old (antique...), what are the do's and don'ts? How can I ...
-2
votes
1answer
111 views

How to add caption to my icon like this example?

I want to add text to my icon like this: "Free" added to the icon. I had a contractor that did it for me in the past but she is no longer working for me. I want to do it myself. What is the simplest ...