Explore the art and science of app design. Discuss user interface (UI) design principles, user experience (UX) best practices, and share design resources and inspiration.

Learn about designing great app and game experiences

Post

Replies

Boosts

Views

Activity

Button with symbol SF design like Apple
Hello everyone, I'm working on a fun project for my teacher and want to give my software an Apple-inspired look. Specifically, I'm trying to create image buttons similar to Apple's design (as shown in the image). I need a button with an image that darkens its background when the user hovers over it with the mouse. Any suggestions on how to achieve this effect would be greatly appreciated. For now, I have this code : import SwiftUI struct StudentRow: View { @Environment(\.modelContext) private var modelContext var student: Student @State private var isHover = false var body: some View { HStack { Text(student.name) Image(systemName: "xmark") .opacity(isHover ? 0.9 : 0.1) .bold() .onTapGesture { deleteStudent(student, modelContext: modelContext) } .onHover { hovering in isHover = hovering } } .padding() } } However, I'm not entirely satisfied with the outcome of this code. (Trust me, the outcome is the same when using the magnifying glass icon) plz help
1
0
501
Sep ’24
App is too minimal?
So, I run a website about my high school football team, and I created an app that would send score updates to people, provide the schedule, region and local team records. You could log in to adjust whether you get notified every score, or every quarter, or neither. However, when I uploaded it to Apple, it was rejected for it being too minimal. I mean, it does what people would want it to do, which if they can't make it to the game they'll get notified on score updates, the schedule, etc. I don't know what features to add to make it "less minimal". Any suggestions? Also, idk what tags to use for this so, I apologize if I put it in the wrong place.
2
0
422
Sep ’24
iOS 17.6.1 vs app issue
We've been using our app for the past year, and a user came back today that after three minutes, their phone starts getting hot and the screen dims. He is using 17.6.1 with an iPhone 14 max. No one else is seeing an issue, but with the posts online about 17.6.1 battery drain, I wonder if our AR app is somehow more sensitive to the issue.
2
0
774
Sep ’24
Wrong unit in HIG > Components > System Experiences > Widget > watchOS widget dimensions
Hello, I noticed a small mistake in the Human Interface Guidelines (HIG). On the page HIG > Components > System Experiences > Widget > watchOS Widget Dimensions, scroll down to the bottom. In the "watchOS widget dimensions" section, the sizes in the table are in pixels (px), not points (pt) actually. However, the table header indicates the sizes should be in points (pt). Page link: https://developer.apple.com/design/human-interface-guidelines/widgets#watchOS-widget-dimensions For example, the widget size in the Smart Stack on a 49mm watch should be 192x81.5 pt (or 382x163 px), not 382x163 pt. This size can be verified with the information provided here: https://developer.apple.com/documentation/watchos-apps/supporting-multiple-watch-sizes/. https://developer.apple.com/documentation/watchkit/wkinterfacedevice/1620974-screenscale
2
0
492
Aug ’24
PixTransfFunc of MacBook|M3,iPAD|M2 displays dark_gray tones "weirder" against cheapest PC
1) The situation: 8-bit grayscale still radiology-images, comparing to cheapest PC-displays: = appear "literally disgusting" on MacBook|M3; = appear "very bad" on iPAD|M2; = appear "just bad" on available iMAC (though this situation is ~correctable). Typical example (photo of 3 displays; the same 8-bit BMP or PNG by default view/preview on MacBook, iPAD, Windows): "https://ic.pics.livejournal.com/jbstphr/26474885/18157/18157_original.jpg" ** 2) The problem:** in cheapest PC-desktop/laptop a radiologist (or any human at all) distinguishes sRGB "gray 0..255 " (within 1..3 LeastSignificantBits) in default MacBook ~ 4 LSB in dark gray-tones disappear (i.e "gray 0" appears absolutely same as "gray 16") in default iPAD ~ 3 LSB in dark gray-ones disappear (i.e "gray 0" looks identical to "gray 8") 3) The question: = what could be stated in user-manual of a radiology-gadget to guide an end-user ?... = to adjust still gray-scale image_presentation of 8-bit BMP, PNG, GIF, TIFF, DCM (~sRGB-color-space) in: 3a) MacBook "AppleSilicon", 3b) iPAD "AppleSilicon"; assuming standard preview_app, Osirix, ImageJ; assuming that one places "3a,3b" near against cheapest PC-display on market; = so that: "gray 0..16" and "gray 240..255" are distinguishable in "3a,3b" not much worse tnan in cheapest PC-display 4) Comment 4a) Apple's PTC seemingly is weird S-like curve, to improve moving_imaging_impression sacrificing objective information of still-imaging presentation. 4b) Alternate color-profiles in MacBook's system_setting are 100% useless for the task. 4c) Adjust of white_point in MacBook,iPAD is <99%> useless for still radiology imaging (which needs adjustment of the black_point). 4d) Dedicated S-curve-like XLAT from PC-sRGB to APple's gray-scale isn't suitable, because of = the gadget is most world-wide-spread of it's case; = experience of existing Windows, Android-users can't be disturbed by few potential MAC-users; = double XLAT "sRGB => adhoc_color_space =>sRGB" (without overcomplicated & non_robust sentinels) causes pixellation (i.e. ~"gray 3.4.5" all become "gray 4")
0
0
324
Aug ’24
13” M4 IPad Pro 18.1 Beta issues with stage manager
I am running into an issue with the latest 2 beta drops of 18 when using Stage Manager with an external monitor. I have the ipad directly below the monitor and when I move the mouse to the other screen it shifts dramatically right then go to the proper position about an inch up the screen. This issue can easily be duplicated. I can share a video if I am given the proper way to do so. This worked fine with the first beta release. Please contact me because it will cause issues when the gold release is dropped. I have found smaller bugs but this is bad.
1
1
501
Aug ’24
Our app rejected by Guideline 4.3 - Design Please Help!
Hello, Our app rejected by following reason: Guideline 4.3 - Design We noticed your app shares a similar binary, metadata, and/or concept as apps previously submitted by a terminated Apple Developer Program account. Submitting similar or repackaged apps is a form of spam that creates clutter and makes it difficult for users to discover new apps. Next Steps Since we do not accept spam apps on the App Store, we encourage you to review your app concept and submit a unique app with distinct content and functionality. Resources Some factors that contribute to a spam rejection may include: Submitting an app with the same source code or assets as other apps already submitted to the App Store Creating and submitting multiple similar apps using a repackaged app template Purchasing an app template with problematic code from a third party Submitting several similar apps across multiple accounts Learn more about our requirements to prevent spam in App Store Review Guideline 4.3. iOS App 1.0App Version Rejection Reasons: 4.3.0 Design: Spam The application is 100% developed by our team and I am 100% sure of it. How can we do it ? Please help.
6
0
2.4k
Nov ’23
Guideline 4.3(a) - Design - Spam
尊敬的苹果审核官 您好 1.我们按照审核要求,这次提交审核中我们重新建了一个Xcode 项目,重构了代码功能及结构,删除了没用到的第三方库,图片资源、功能模块。 2.好多之前没用到的第三方库,资源已经被删除掉了,我们不明白为什么还会有 4.3 的审核意见,希望苹果审查官给一些详细改进意见。 3.为了能上线苹果市场,我们已经花费大量的精力,时间在配合更正 一些产品功能,开发人员加班加点的弄了好几周时间,希望审查官能给一些明确的改进意见,非常感谢。 4.期待digibuy应用能早日的审核上线,不枉费大家的共同努力。
0
0
1.1k
Jun ’24
Guideline 4.3(a) - Design - Spam
Hello dear friends, I created the application from scratch, but Apple writes to me to do it as a mistake, please tell me 😭😭😭 Guideline 4.3(a) - Design - Spam We noticed your app shares a similar binary, metadata, and/or concept as apps previously submitted by a terminated Apple Developer Program account. Submitting similar or repackaged apps is a form of spam that creates clutter and makes it difficult for users to discover new apps. Next Steps Since we do not accept spam apps on the App Store, we encourage you to review your app concept and submit a unique app with distinct content and functionality. Resources Some factors that contribute to a spam rejection may include: Submitting an app with the same source code or assets as other apps already submitted to the App Store Creating and submitting multiple similar apps using a repackaged app template Purchasing an app template with problematic code from a third party Submitting several similar apps across multiple accounts Learn more about our requirements to prevent spam in App Review Guideline 4.3(a).
5
0
2.0k
Jun ’24
ios 18 beta feedback
it’s a cool concept, i see the vision, but it’s really ugly. all my app colours have changed, none of my transparent widgets work anymore because it changed the size of my wallpaper. i do like how the brightness and volume are now colours, i just wish we could’ve gotten to choose the colours. i also like how the things are circles instead of squares. i’m mostly just upset that my transparent widgets don’t work anymore, and how all the colours of all my apps are darker than i would like.
1
0
497
Aug ’24
Guidance on use of Merchant API within iOS App
Hello , I am developing mobile apps in B2C model for Service industry and would like to know if the Merchant API (see below) can be used within the iOS app to onboard a Merchant . Typical case for the API here would be for E Commerce platform providers to onboard the customers in the web . However here, Instead of Web, this API would be integrated within the iOS APP. Service providers would download my App and within the App , service providers would provide the information to register for Apple Pay so that they can receive the payment directly from customer instead of using a payment platform like Stripe. Please advise if this is technically feasible . https://developer.apple.com/documentation/applepaywebmerchantregistrationapi Thanks, Jmkochi
1
0
537
Aug ’24
iPhone Doesn't Ring
I have an iPhone 14 with the iOS version 18 Beta Version. My phone does not ring. Callers are immediately prompted to leave a voicemail. Even my wife, who is designated a favorite has this happen. I’ve gone to Settings and checked Sounds & Haptics. It appears to be set correctly. Please help. Should I go to the local Apple Store for hands on help? Thank you. Bo Kirk
3
0
578
Aug ’24
SF Mono, open source?
I know that the general San Francisco (SF) fonts (Text, Display, Pro, etc.) are exclusive to Apple, its products, and its affiliates. But when it comes to SF Mono, I am unsure of its official status. Is it open source? I know many companies often release their monospace font under the OFL license (i.e., Twilio Sans Mono, Intel One Mono, Ubuntu Mono (et al), Roboto Mono (et al), and more). As I've previously said, I also know that Apple is very protective it its brand. The thing that really confuses me is that the page for Microsoft's Open Source projects (opensource.microsoft.com) actually uses SF Mono! Are Apple and MS collaborating on this? There is no repository on GitHub or the Apple Developer website, but why is a competitor to Apple using their font? (I am using Windows, so the SF fonts aren't installed on my device, they use the font from their own CDN on their website)
1
0
584
Aug ’24
iMessage
Can we get a customizable iMessage color change???? That would be great. Would love to change my blue bubble to either yellow or pink!!!!!
2
0
325
Aug ’24
Making NavigationStack with a background image look seamless
Hi everyone, I have a file with a navigation stack and i want the background of it to be a blurred image however there's like a line dividing the body of the navigation stack and the navigation bar where the image isn't being blurred, is there any way to get rid of this and make it so the blurred image background connects the two? i've already tried changing the appearance of the navigation bar when it's initialized. I also have my code below for reference: var body: some View { NavigationStack { ZStack { Image("HomeBKG") // this is the background image .resizable() .scaledToFill() .ignoresSafeArea() VisualEffectBlur(effect: UIBlurEffect(style: .systemMaterial)) // this is what i used to blur the image .ignoresSafeArea() ScrollView { ColorManager.bkgColor .ignoresSafeArea() VStack { Text("Recommended") .foregroundStyle(.primary) .font(.headline) .padding() RoundedRectangle(cornerRadius: 15) .frame(width: 300, height:200) .foregroundStyle(Color(UIColor.systemBackground)) .shadow(color: .primary.opacity(1), radius: 10) Spacer() Text("News") .foregroundStyle(.primary) .font(.headline) .padding() RoundedRectangle(cornerRadius: 15) .frame(width: 300, height:200) .foregroundStyle(Color(UIColor.systemBackground)) .shadow(color: .primary.opacity(1), radius: 10) Text("Exchange Rates") .foregroundStyle(.primary) .font(.headline) .padding() RoundedRectangle(cornerRadius: 15) .frame(width: 300, height:200) .foregroundStyle(Color(UIColor.systemBackground)) .shadow(color: .primary.opacity(1), radius: 10) } } // end zstack } .navigationTitle("Hub") .toolbar { ToolbarItem(placement: .navigationBarTrailing) { NavigationLink(destination: UVSettings()) { Image(systemName: "gearshape.fill") } } } } // end navigation stack } }` ```
0
0
539
Aug ’24