Visual Design

RSS for tag

Discuss animation, branding, color, layout, typography, and other elements of great looking apps.

Posts under Visual Design tag

158 Posts

Post

Replies

Boosts

Views

Activity

Metal 3 or newer Metal support for old devices
Hmmmmmmm so I’m using an MacBook Air 2015 recently and surely its now out of the metal 3 support list just like Phillips so I’m kinda curious ‘bout is apple gonna extend or is it possible for apple to extend the metal3 support list in the future or we could say is there any hope or ways for our ‘unsupported’ devices to use the metal 3 ? May be some day in the future? It’s mainly cuz the system animation now is soooooo poor there’s like many ‘unknown’ issues like drop frames, lags and so on while the graphics card and cpus is with a super low (almost idle) usage, and metal 3 is with such that a huge update and mainly cuz ive saw the difference on one of my friends 18 MacBook Pro the system animation there is with a HUGE upgrade and improvement it became so smooth relatively mostly caused by the metal 3 improvement on Ventura beta, soooooooooo yea. And how’s the possibilities? And if not is there gonna be some new, issue-fixed or animation-optimized version for those devices which out of metal 3 support? Thanks in advance. :D
1
0
2.0k
Oct ’22
Animating between real and placeholder values
I put together a small view in SwiftUI which shows a temperature gauge and then hooked it up to a simple animation like so: Arc(temp: finalTemp).animation(.easeIn, value: finalTemp) This works great, it animates nicely when I set the temp from the initial value of 0 to whatever the finalTemp value is. When refreshing this data, I want to display a placeholder state and animate this view back to 0 and then when the data arrives, up to its new value. I attempted this by adding a @Binding var placeholder: Bool to the view and an onChange handler for the placeholder binding: .onChange(of: placeholder) { _ in    if placeholder == true {      finalTemp = 0    } else {      finalTemp = 80    } } However, I can't get the view to animate back to 0 when the placeholder binding is set on. The change handler is called correctly and the finalTemp state is set to 0 as I expected, but the animation never occurs and the view stays reflecting the previous value. When the placeholder binding is toggled false again, the view does update and animate to the new value, in fact it wiggles like it's easing all the way from 0. From a UIKit perspective, this strikes me as a classic case of not running an animation on the main thread. But every call that sets finalTemp occurs on the main thread and I don't see how anything else I'm doing would push a SwiftUI animation onto a thread other than main. What am I doing wrong that prevents the view from animating to zero in the placeholder state?
2
0
1.6k
Oct ’22
Animated Splash Screen
How do I go about putting an already animated logo, onto my splash screen? For more context, I used VistaCreate in order to make an app logo, along with an animation for the splash screen. Is there a way to use that animation on a splash screen?
0
0
793
Sep ’22
Guideline 4.0: App Layout
Hi! I'm new to developing and I tried to submit my app for review and was told that the app is not visually designed for an iPad. I made this app with the intent that it was going to be used on an iPhone because that's what the students in my classes mostly have. Can someone help with making this app iPad friendly? Whenever I tried to do it, it would change the entire format of the app, and I don't want to do that. Thank you in advance!
0
0
991
Sep ’22
SKOverlay frame size
Does anyone know if the frame size of SKOverlay - https://developer.apple.com/documentation/storekit/skoverlay is made available as a read-only variable? I would like to display the SKOverlay within my app, but adapt the UI of my app around it to size and fit perfectly. At the moment from the Apple documentation, properties of the overlay appear to be limited.
3
0
2.1k
Sep ’22
Video describing swiftUI layout process
Hi, I'm starting to learn swiftUI and, somewhere in the last few weeks, I remember watching an old video (I think from WWDC) the described the algorithm that swiftUI uses for laying out views. Now I'd like to review that information, but search as I might, I can't find it again. Does anyone know what that video that might be, or better yet, please suggest a superior resource. I'm struggling to control how siblings in an HStack get stretched (FWIW a TextField next to a Stepper), and need more insight into the algorithm. Thanks!
1
0
1.1k
Sep ’22
What colour is this navigation bar background?
Dear Experts, I have been looking at the documentation for system colours at https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/ https://developer.apple.com/documentation/uikit/uicolor/standard_colors/ https://developer.apple.com/documentation/uikit/uicolor/ui_element_colors It's all reasonably clear... until I actually look at some UIKit screens and try to work out which colour is being used where. For example, what colour is the background of a navigation bar? It does not seem to be one of the standard colours. Attached is a screenshot from "UIKit Lab", which is a free UIKit catalogue/demo app. Scrolling through its list of standard colours, none of them seems to match the background of the navigation bar. It lies somewhere between systemBackground and secondarySystemBackground. Is this perhaps because the base colour has been modified by a material effect, or something? Thanks, Phil.
2
0
1.8k
Jun ’22
SF Font for UI/UX.
Hi! I am working on the UI/UX project for Apple apps(iPhone/watchOS etc.) using FIGMA. I don't have any Apple device from where I could use 'SF Font' family natively. I have tried the alternative fonts but none of them appealed to me and my client too. I also downloaded their resources but still it changes the file after I edit the text. Thanks in Advance.
1
0
2.0k
May ’22
Can I embed Animojis in my App?
Hi there, does Apple allow to embed Animojis in your app? We are developing a learning app and want to use one specific animoji as a "brand ambassador" who is presenting the information. Was wondering whether there are any trademark issue with this or whether Apple is just fine with it? Any experiences and thoughts are much appreciated! Stephan
2
0
2.0k
May ’22
SwiftUI views issues in macOS Catalina
My macOS SwiftUI project has minimal target 10.15 (Catalina). When I run a build made in Xcode 13.1 on Catalina there are multiple ui issues (views has wrong dimensions, list items has wrong offsets), however when I run same project in Xcode 12.4 on the Catalina laptop issues are gone. Since I cannot replicate the issues in Xcode 12.4 I have no ideas how to tweak my Xcode 13.1 build to make it work correct on Catalina devices. I cannot use Xcode command line tools 12.4 in Xcode 13.1 and vice versa 🤷🏻‍♂️
1
0
1.1k
Apr ’22
Metal 3 or newer Metal support for old devices
Hmmmmmmm so I’m using an MacBook Air 2015 recently and surely its now out of the metal 3 support list just like Phillips so I’m kinda curious ‘bout is apple gonna extend or is it possible for apple to extend the metal3 support list in the future or we could say is there any hope or ways for our ‘unsupported’ devices to use the metal 3 ? May be some day in the future? It’s mainly cuz the system animation now is soooooo poor there’s like many ‘unknown’ issues like drop frames, lags and so on while the graphics card and cpus is with a super low (almost idle) usage, and metal 3 is with such that a huge update and mainly cuz ive saw the difference on one of my friends 18 MacBook Pro the system animation there is with a HUGE upgrade and improvement it became so smooth relatively mostly caused by the metal 3 improvement on Ventura beta, soooooooooo yea. And how’s the possibilities? And if not is there gonna be some new, issue-fixed or animation-optimized version for those devices which out of metal 3 support? Thanks in advance. :D
Replies
1
Boosts
0
Views
2.0k
Activity
Oct ’22
Animating between real and placeholder values
I put together a small view in SwiftUI which shows a temperature gauge and then hooked it up to a simple animation like so: Arc(temp: finalTemp).animation(.easeIn, value: finalTemp) This works great, it animates nicely when I set the temp from the initial value of 0 to whatever the finalTemp value is. When refreshing this data, I want to display a placeholder state and animate this view back to 0 and then when the data arrives, up to its new value. I attempted this by adding a @Binding var placeholder: Bool to the view and an onChange handler for the placeholder binding: .onChange(of: placeholder) { _ in    if placeholder == true {      finalTemp = 0    } else {      finalTemp = 80    } } However, I can't get the view to animate back to 0 when the placeholder binding is set on. The change handler is called correctly and the finalTemp state is set to 0 as I expected, but the animation never occurs and the view stays reflecting the previous value. When the placeholder binding is toggled false again, the view does update and animate to the new value, in fact it wiggles like it's easing all the way from 0. From a UIKit perspective, this strikes me as a classic case of not running an animation on the main thread. But every call that sets finalTemp occurs on the main thread and I don't see how anything else I'm doing would push a SwiftUI animation onto a thread other than main. What am I doing wrong that prevents the view from animating to zero in the placeholder state?
Replies
2
Boosts
0
Views
1.6k
Activity
Oct ’22
Why does point No. 5 disappear at 6:40?
Dose anybody noticed this?
Replies
3
Boosts
0
Views
1.6k
Activity
Sep ’22
Animated Splash Screen
How do I go about putting an already animated logo, onto my splash screen? For more context, I used VistaCreate in order to make an app logo, along with an animation for the splash screen. Is there a way to use that animation on a splash screen?
Replies
0
Boosts
0
Views
793
Activity
Sep ’22
Change Background color
How do I change my back color to a specific color from an outside source? For example, I made an app logo with a light orange color. I want that color to also be in the background. How would I go about using that color for the background of my screen?
Replies
0
Boosts
0
Views
1.7k
Activity
Sep ’22
Guideline 4.0: App Layout
Hi! I'm new to developing and I tried to submit my app for review and was told that the app is not visually designed for an iPad. I made this app with the intent that it was going to be used on an iPhone because that's what the students in my classes mostly have. Can someone help with making this app iPad friendly? Whenever I tried to do it, it would change the entire format of the app, and I don't want to do that. Thank you in advance!
Replies
0
Boosts
0
Views
991
Activity
Sep ’22
SKOverlay frame size
Does anyone know if the frame size of SKOverlay - https://developer.apple.com/documentation/storekit/skoverlay is made available as a read-only variable? I would like to display the SKOverlay within my app, but adapt the UI of my app around it to size and fit perfectly. At the moment from the Apple documentation, properties of the overlay appear to be limited.
Replies
3
Boosts
0
Views
2.1k
Activity
Sep ’22
Video describing swiftUI layout process
Hi, I'm starting to learn swiftUI and, somewhere in the last few weeks, I remember watching an old video (I think from WWDC) the described the algorithm that swiftUI uses for laying out views. Now I'd like to review that information, but search as I might, I can't find it again. Does anyone know what that video that might be, or better yet, please suggest a superior resource. I'm struggling to control how siblings in an HStack get stretched (FWIW a TextField next to a Stepper), and need more insight into the algorithm. Thanks!
Replies
1
Boosts
0
Views
1.1k
Activity
Sep ’22
Multiple brands within my application
I am developing a market with multiple brands. Do I need permission from all brands to be able to use their image? I don't know if there is any requirement when uploading my app to the store.
Replies
1
Boosts
0
Views
884
Activity
Aug ’22
Change the text size depending on whether the sidebar is open or closed on the ipad
Hi, we want to adapt our app for the tablet. When the sidebar is open everything looks perfect but when we close the sidebar the text looks too small. Can we increase the size of the text on the page when the sidebar is closed? Thanks in advance
Replies
0
Boosts
0
Views
718
Activity
Aug ’22
Color of UIMenu changed from light to dark in iOS 15
The color of the UIMenu in my application has changed from light to dark when I upgraded my device to iOS 15. Do I need to override a property or write other code in order to keep the color of the UIMenu consistent with other iOS versions?
Replies
1
Boosts
0
Views
1.7k
Activity
Jul ’22
Artboard Gap Size Panoramic Images App Store
I'm designing Panoramic App Store preview screenshots with Sketch. I would want to know the gap between two Artboards for iPhone 6.5", iPhone 5.5", iPad Pro (3rd Gen) 12.9" and iPad Pro (2nd Gen) 12.9".
Replies
0
Boosts
0
Views
2.0k
Activity
Jul ’22
What's the name of this component?
Can't seem to find what kind of component this is in Apple HIG. Would appreciate the answers!
Replies
4
Boosts
0
Views
1.3k
Activity
Jun ’22
Toolbar Roles behavior
I have tried a lot of codes to see what’s the difference between browser and editor, but I can’t find some changes between those two things, so i’m wondering what’s the difference between browser and editor?
Replies
2
Boosts
0
Views
1.3k
Activity
Jun ’22
What colour is this navigation bar background?
Dear Experts, I have been looking at the documentation for system colours at https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/ https://developer.apple.com/documentation/uikit/uicolor/standard_colors/ https://developer.apple.com/documentation/uikit/uicolor/ui_element_colors It's all reasonably clear... until I actually look at some UIKit screens and try to work out which colour is being used where. For example, what colour is the background of a navigation bar? It does not seem to be one of the standard colours. Attached is a screenshot from "UIKit Lab", which is a free UIKit catalogue/demo app. Scrolling through its list of standard colours, none of them seems to match the background of the navigation bar. It lies somewhere between systemBackground and secondarySystemBackground. Is this perhaps because the base colour has been modified by a material effect, or something? Thanks, Phil.
Replies
2
Boosts
0
Views
1.8k
Activity
Jun ’22
Whats is new on UI fo 2023
Hey devs! i would like to know if the new UI finally will be different o r is the same. Thank you, Shirley B.
Replies
1
Boosts
0
Views
1.3k
Activity
May ’22
SF Font for UI/UX.
Hi! I am working on the UI/UX project for Apple apps(iPhone/watchOS etc.) using FIGMA. I don't have any Apple device from where I could use 'SF Font' family natively. I have tried the alternative fonts but none of them appealed to me and my client too. I also downloaded their resources but still it changes the file after I edit the text. Thanks in Advance.
Replies
1
Boosts
0
Views
2.0k
Activity
May ’22
Issue creating app icons from the Apple Design Resources macOS 12 Photoshop Template
I downloaded the macOS 12 App Icon Photoshop Template here: https://developer.apple.com/design/resources/ and when I modify the larger size that I need, changes are not showing on the other sizes. I downloaded the iOS template and the macOS template for Sketch and those work, but not Photoshop template.
Replies
0
Boosts
0
Views
610
Activity
May ’22
Can I embed Animojis in my App?
Hi there, does Apple allow to embed Animojis in your app? We are developing a learning app and want to use one specific animoji as a "brand ambassador" who is presenting the information. Was wondering whether there are any trademark issue with this or whether Apple is just fine with it? Any experiences and thoughts are much appreciated! Stephan
Replies
2
Boosts
0
Views
2.0k
Activity
May ’22
SwiftUI views issues in macOS Catalina
My macOS SwiftUI project has minimal target 10.15 (Catalina). When I run a build made in Xcode 13.1 on Catalina there are multiple ui issues (views has wrong dimensions, list items has wrong offsets), however when I run same project in Xcode 12.4 on the Catalina laptop issues are gone. Since I cannot replicate the issues in Xcode 12.4 I have no ideas how to tweak my Xcode 13.1 build to make it work correct on Catalina devices. I cannot use Xcode command line tools 12.4 in Xcode 13.1 and vice versa 🤷🏻‍♂️
Replies
1
Boosts
0
Views
1.1k
Activity
Apr ’22