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 vote
0 answers
74 views

Can we see live preview in adobe xd using Windows 10?

Hi I am trying to see the live update in the adobe xd app but I am not able to do so, is it some kind of update that xd has come with? I am using a Windows 10 Laptop and Tried connecting my USB cable ...
user avatar
0 votes
1 answer
88 views

How to fix mobile web browsers displaying fonts strangely in svg format?

I created a logo using Adobe Illustrator CC (100% up to date) on a Mac in svg format, using both text and graphics. The svg logo displays fonts properly in desktop browsers (see first image below), ...
user avatar
0 votes
0 answers
47 views

Mobile app design size

Mobile app design size What size is more appropriate and common for mobile application design in XD Figma software?
user avatar
-3 votes
1 answer
80 views

I am developer and started managing team. I want to learn how to create wireframe. Can anyone advice? [closed]

Basically I want to understand how everything works in respective of designers when it comes to mobile or web Development. I do not want to be designer I want to how things work so that I can work ...
user avatar
  • 97
0 votes
1 answer
152 views

Best practice web design picture sizes and multiplier

Web Design: there are a lot of screen sizes to consider. Especially high resolution devices use multiplier. I read this very helpful article about the theory: https://sebastien-gabriel.com/designers-...
user avatar
0 votes
1 answer
79 views

What is this type of design called - mobile app

I'm a new member to this community and I have been looking at quite a few designs recently for an app I intend to work on. I honestly like this kind of style which is used in a lot of modern apps/...
user avatar
  • 101
0 votes
1 answer
54 views

What is this warped/ irregular rectangle in this mobile app UI?

What is the name of this effect present on the rectangle (e.g. light brown rectangle), and how is it done? The rectangle does not have a constant border radius, and gives a 'fun'/ friendly feeling. I ...
user avatar
0 votes
2 answers
72 views

Showing twelve action buttons without occupying too much space

I want to show user twelve options/buttons such that those options doesn't occupy too much space on screen.I don't want to show icon with each option as it will occupy more space. The buttons contain ...
user avatar
0 votes
0 answers
66 views

What's this new button type called?

I've seen this type of buttons - no background and with an icon on top - in some places in Android 10 settings (Lineage OS 17, if that's important) and in one another application which uses slightly ...
user avatar
0 votes
1 answer
77 views

How can I better convey the idea of "message sent"?

Currently, I am designing a mobile screen where the user can send a message to their friends. In order to show that their message has been sent, the upper right hand corner check-mark goes from black ...
user avatar
  • 123
0 votes
1 answer
70 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 ...
user avatar
1 vote
1 answer
3k 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 ...
user avatar
  • 135
0 votes
1 answer
251 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 ...
user avatar
0 votes
2 answers
166 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 ...
user avatar
0 votes
0 answers
44 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 ...
user avatar
  • 1
0 votes
1 answer
1k 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 ...
user avatar
3 votes
1 answer
57 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 ...
user avatar
  • 33
2 votes
3 answers
162 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. ...
user avatar
  • 21
0 votes
1 answer
118 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 ...
user avatar
  • 135
1 vote
1 answer
187 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?
user avatar
  • 13
0 votes
2 answers
138 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? ...
user avatar
  • 4,155
0 votes
3 answers
111 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 ...
user avatar
  • 135
-1 votes
1 answer
80 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?
user avatar
  • 1
0 votes
1 answer
108 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 ...
user avatar
  • 135
-1 votes
1 answer
124 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 ...
user avatar
0 votes
1 answer
137 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 ...
user avatar
  • 11
1 vote
1 answer
276 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 (...
user avatar
  • 129
-2 votes
1 answer
91 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 ...
user avatar
-5 votes
1 answer
387 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 ...
user avatar
  • 123
1 vote
2 answers
223 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 ...
user avatar
2 votes
0 answers
113 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 ...
user avatar
  • 129
0 votes
1 answer
2k 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?
user avatar
2 votes
0 answers
295 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 ...
user avatar
  • 21
3 votes
1 answer
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 ...
user avatar
  • 43
0 votes
1 answer
64 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 ...
user avatar
-2 votes
1 answer
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
user avatar
1 vote
1 answer
746 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:...
user avatar
  • 13
0 votes
1 answer
68 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 ...
user avatar
-1 votes
1 answer
138 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 ...
user avatar
  • 105
1 vote
1 answer
651 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 ...
user avatar
2 votes
2 answers
1k 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 ...
user avatar
  • 31
-1 votes
1 answer
81 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
user avatar
  • 121
0 votes
3 answers
96 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 ...
user avatar
6 votes
2 answers
213 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 ...
user avatar
-2 votes
1 answer
248 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 ...
user avatar
2 votes
2 answers
69 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-...
user avatar
6 votes
3 answers
3k views

Where are the light sources located in Material design?

Google says that Key lights create directional shadows, and Ambient light create soft shadows from all angles. Referring specifically to the image below, where are the Key & Ambient Light ...
user avatar
1 vote
1 answer
57 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 ...
user avatar
  • 121
2 votes
1 answer
1k 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 ...
user avatar
  • 121
0 votes
1 answer
112 views

Beginner with iOS UI Design

I want to start designing iOS app UI in Photoshop but I can't find up-to-date tutorials and informations about document resolution, ppi of document, getting retina ready and complete guide for it. ...
user avatar