Visual Design

RSS for tag

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

Posts under Visual Design tag

155 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.1k
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.7k
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
856
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
1.1k
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.2k
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.2k
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.9k
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.2k
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.1k
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.2k
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.1k
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.7k
Activity
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?
Replies
0
Boosts
0
Views
856
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.8k
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
1.1k
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.2k
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.2k
Activity
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.
Replies
2
Boosts
0
Views
1.9k
Activity
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.
Replies
1
Boosts
0
Views
2.2k
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.1k
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.2k
Activity
Apr ’22