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
0 votes
0 answers
21 views

Creating a better navigation and filter for a festival or conference scheduler

I'm trying to figure out a good way to create a 6 level selector + filter on an app that shows me a schedule for a festival with artist slots and allows me to book artists to form my own schedule (or ...
Arno's user avatar
  • 101
0 votes
1 answer
118 views

Within the mobile/ios Photoshop App, can I, 1) access the edits history and, if so, 2) Can I then delete select step(s) in the middle of history?

In working primarily with the mobile Photoshop app in ios, I’m occasionally wanting to delete an edit (e.g. eraser tool) that I made 5-10 minutes ago. I’d like do this without first having to delete ...
Ircam12's user avatar
0 votes
0 answers
13 views

Using right image for creating hope for the user to take action

I am developing educations app where i need to use an image for the first time users which create hope that they will catch up withe their alumni friends. So for this i am using this image. with some ...
androidXP's user avatar
  • 101
0 votes
1 answer
103 views

How can I prevent drawing Z shapes, when making straight lines in photopea on mobile?

I know how to draw straight in photopea on mobile. The keyboard button let's me press the shift key, so multiple clicks draw a straight line between the points clicked. However even if I disable the ...
AncientSwordRage's user avatar
7 votes
1 answer
120 views

What's procedurally important in web building circa 2022?

I'm essentially seeking a "crash course" or explanation in any web building changes over the past few years - best practices, new methods, new pitfalls, etc. It's been a number of years ...
Scott's user avatar
  • 209k
1 vote
1 answer
432 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 ...
Sumit Yadav's user avatar
0 votes
1 answer
529 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), ...
Mark Gavagan's user avatar
0 votes
0 answers
78 views

Mobile app design size

Mobile app design size What size is more appropriate and common for mobile application design in XD Figma software?
Mohsen Lotfalikhani's user avatar
-3 votes
1 answer
85 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 ...
Iva's user avatar
  • 97
0 votes
1 answer
189 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-...
User123456789's user avatar
0 votes
1 answer
156 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/...
Sidak's user avatar
  • 101
0 votes
1 answer
113 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 ...
Ben Butterworth's user avatar
0 votes
2 answers
77 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 ...
Android Developer's user avatar
0 votes
1 answer
94 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 ...
squareboi's user avatar
0 votes
1 answer
79 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 ...
AlanSTACK's user avatar
  • 155
-1 votes
1 answer
89 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
4k 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 ...
Meeep's user avatar
  • 135
1 vote
1 answer
321 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 ...
Sujan Maharjan's user avatar
0 votes
2 answers
223 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 ...
Sujan Maharjan's user avatar
0 votes
0 answers
47 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 ...
roy05's user avatar
  • 101
0 votes
1 answer
2k 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 ...
Pierre Laburthe's user avatar
3 votes
1 answer
64 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 ...
Bombay's user avatar
  • 33
2 votes
3 answers
175 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. ...
Shiva's user avatar
  • 21
0 votes
1 answer
119 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 ...
Levon's user avatar
  • 135
2 votes
1 answer
208 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?
Devfly's user avatar
  • 23
0 votes
2 answers
143 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? ...
Vikas's user avatar
  • 4,198
0 votes
3 answers
114 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 ...
Levon's user avatar
  • 135
-1 votes
1 answer
117 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?
Jan's user avatar
  • 1
0 votes
1 answer
109 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 ...
Levon's user avatar
  • 135
-1 votes
1 answer
138 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 ...
Ashwin Nepal's user avatar
0 votes
1 answer
141 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 ...
Pasker's user avatar
  • 11
1 vote
1 answer
296 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 (...
hartmut's user avatar
  • 129
-2 votes
1 answer
98 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 ...
Ankit Passi's user avatar
-5 votes
1 answer
462 views

What are these background bubble objects called in design? [closed]

As a programmer, I apologize if my question seems simplistic since I do not have artistic design experience. But does anyone know what these things (floating interconnected ball effect) are called? ...
AlanSTACK's user avatar
  • 155
1 vote
2 answers
245 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 ...
Felix Fernandez's user avatar
2 votes
0 answers
123 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 ...
DeWy Sady's 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?
Ahmad Farghaly's user avatar
2 votes
0 answers
303 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 ...
Ben's 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 ...
psoiree's user avatar
  • 43
0 votes
1 answer
74 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 ...
Ивайло Иванов's 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
user3784078's user avatar
1 vote
1 answer
751 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:...
luxo's user avatar
  • 13
0 votes
1 answer
74 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 ...
makerofthings7's user avatar
-1 votes
1 answer
143 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 ...
MarksCode's user avatar
  • 105
1 vote
1 answer
698 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 ...
Agni Sen's 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 ...
lol's 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
Roi Mulia's user avatar
  • 121
0 votes
3 answers
99 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 ...
Dushyant Suthar's user avatar
6 votes
2 answers
221 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 ...
Kevin Amiranoff's user avatar
-2 votes
1 answer
297 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 ...
SmallChess's user avatar