Create elegant and intuitive apps that integrate seamlessly with Apple platforms.

Design Documentation

Posts under Design tag

65 Posts
Sort by:
Post not yet marked as solved
6 Replies
1.2k Views
Hi, Overview: My app's icon uses Display P3 colors. The PNG when opened in Preview seems to have the correct colours, but when added to Asset catalog as App icon, the installed app's app icon doesn't have the correct colors. The Preview app's inspector shows the following: Colour Model: RGB Depth: 16 DPI Height: 72 DPI Width: 72 Orientation: 1 (Normal) Pixel Height: 1,024 Pixel Width: 1,024 Profile Name: Display P3 Steps followed: I have an app icon that uses the Display P3 color profile. In Sketch, I have assigned the P3 Display color profile, exported as PNG. Realised it was using only 8 bits / channel color depth. So opened PNG in Pixelmator and changed color depth to 16 bits / channel and exported the PNG. The PNG when opened in Preview seems to have the correct colours, but when used in I even tried to use Display P3 Gamut in asset catalog and provide the same icon for sRGB and Display P3, yet the installed app's icon's colors don't match Questions: What should I do to correct this problem? Any help would be much appreciated.
Posted
by
Post not yet marked as solved
1 Replies
587 Views
I have a question about using a swipe functionality to confirm a booking, like answering the phone by sliding to answer (also as sliding to unlock). I am curious if this harms accessibility, say, if the user has VoiceOver activated. I would like to know if anybody has any experience developing this specific UI pattern related to it being too cumbersome for users with a disability or if this is just fine to use.
Posted
by
Post not yet marked as solved
1 Replies
543 Views
Hello! I understand on iOS home screen (outside of app sandbox) there is no support for the execution of custom code or rendering of animations outside of the app icons and system-provided animations. Is there any plan to relax these permissions for developers alongside a set of strict security requirements? I am working on software to display custom animations on mac OS desktop, and would love to bring my animations to iOS as well. Being stuck within an app sandbox won't work - I would need the ability to display animations on the Springboard as well. Thanks all!
Posted
by
Post not yet marked as solved
0 Replies
852 Views
Hello Dev's around the world. I'm new using the contextMenu, and I create a card when you tap send you to a view that if you see the code it works with navigationView but if I do a long press using contextMenu it supposed that send me to another view, but I'm using the next code and it doesn't works, it's like a took another card and show me the information of other card. I hope that you can help me, I tried with .sheet and it doesn't work either. ForEach($list) { $Category in NavigationLink(destination: CategoryList(list: $Category)){ CategoryCard(list: Category) .frame(height: 100) .contextMenu{ Button { selectedEditCategory = Category isPreseingDetailEditCardView.toggle() print(Category.title) } label: { Text("Edit") } } } .background( NavigationLink( destination: DetailCardView(list: $Category), isActive: $isPreseingDetailEditCardView, label: { EmptyView() } ) ) } Thank you.
Posted
by
Post not yet marked as solved
0 Replies
512 Views
Hi. I'm writing the following code for a navigation with images and I have an issue: the images don't fit with the automatic rectangle that is created by the NavigationStack view. Here is the code and I'm attaching an image too for you to understand : import SwiftUI struct LycéesListe: View { var body: some View { NavigationStack { List(lycées) { lycée in NavigationLink { LycéeDétail(lycée: lycée) } label: { LycéesRow(lycée: lycée) } } .navigationTitle("Lycées") } } struct LycéesListe_Previews: PreviewProvider { static var previews: some View { ForEach(["iPhone 13", "iPhone 12"], id: \.self) { deviceName in LycéesListe() .previewDevice(PreviewDevice(rawValue: deviceName)) .previewDisplayName(deviceName) } } } } Anyone knows how I could make the images fit with the rectangle border so I just have images with clean rectangles and not these green lines ? I tried to do padding but it didn't help. Any answer appreciated.
Posted
by
Post marked as solved
1 Replies
564 Views
I am designing a unique calculator interface inspired by the stage manager, desktop experience, and Group FaceTime concepts. The interface consists of three draggable widgets that serve different purposes. The first widgets acts as the display for the calculator, providing a blank canvas for the calculations. The second widget contains scientific buttons, allowing users to perform advanced mathematical operations. The third widget consists of basic calculator buttons for standard arithmetic functions. By combining these elements, the calculator aims to provide a versatile and intuitive user experience. How can I implement a draggable interface for a calculator in SwiftUI that matches the image of my design below, where the user can interact with three separate rectangles representing the calculator display, working scientific buttons, and working basic calculator buttons? The design I'm trying to follow and the individual widgets are shown in this image: Here's a minimal SwiftUI code example that represents my attempt at the described draggable calculator interface: struct ContentView: View { @State private var displayPosition: CGSize = .zero @State private var scientificButtonsPosition: CGSize = .zero @State private var basicButtonsPosition: CGSize = .zero var body: some View { ZStack { Color.gray.opacity(0.2) .ignoresSafeArea() DraggableRectangle(position: $displayPosition, color: .white) { // Calculator Display // Customize the view as per your requirements Text("Display") .font(.title) } DraggableRectangle(position: $scientificButtonsPosition, color: .blue) { // Scientific Buttons // Customize the view as per your requirements Text("Scientific Buttons") .font(.headline) .foregroundColor(.white) } DraggableRectangle(position: $basicButtonsPosition, color: .green) { // Basic Calculator Buttons // Customize the view as per your requirements Text("Basic Buttons") .font(.headline) .foregroundColor(.white) } } .frame(minWidth: 800, minHeight: 600) } } struct DraggableRectangle<Content: View>: View { @Binding var position: CGSize let color: Color let content: () -> Content var body: some View { content() .frame(width: 400, height: 300) .background(color) .cornerRadius(8) .offset(position) .gesture( DragGesture() .onChanged { value in position = value.translation } .onEnded { _ in position = .zero } ) } }
Posted
by
Post not yet marked as solved
1 Replies
593 Views
Hello everyone, I am a UX/UI Designer specialized in mobile apps since 2016. I also used to work on several Occulus apps and concept during my carrer. I would like to specialize quickly in space computing since the announcement of the incredible Vision Pro. Can you tell me where I can find resources on this subject? Thanks a lot Loïc
Posted
by
Post not yet marked as solved
1 Replies
1.4k Views
Hi there! Back with Xcode 14 and iOS 16 there were two new app icon sizes introduced to iOS: 64pt @2x (128x128px) 64pt @3x (192x192px) 68pt @2x (136x136px) What are those icons used for? Neither the Xcode 14 release notes nor the Human Interface Guidelines are mentioning those sizes and what they are used for. In previous Xcode versions the asset catalog had labels for each icon size. As Xcode 15 still doesn’t bring that feature back I’m still puzzled when those icon sizes are visible to the user. Best! – Alex
Posted
by
Post not yet marked as solved
0 Replies
714 Views
Hi everyone! I was wondering if anyone has tips or resources to help me make a view (ideally in swiftUI) that works the same as a board in the Freeform app from Apple? I search online but I couldn't find anything that would help me I would like to be able to add views that I can drag around and interact with plus I would need to have pencilKit support and be able to move around the parent view (the Freeform board like view) Thanks
Posted
by
Post not yet marked as solved
0 Replies
586 Views
Hello, thanks for making an iOS17 Figma library 🙌 we're keen to add this library at an org level in Figma so the wider design team can use it, but noticed the following in the licensing: "Except as otherwise expressly permitted by the terms of this License or as otherwise licensed by Apple, you may not make the Apple Design Resources available over a network where they could be run or used by multiple computers at the same time". Does this mean we can't do this? Cheers, James
Posted
by
Post not yet marked as solved
0 Replies
526 Views
On the beta version of Xcode, when we preview our app, some information is missing. We can see that on version 16.4 preview all the info is there, and on the contrary on version 17 two pieces of info are missing... (Photos) ⬇️ iOS 17.0 (Xcode Beta 15.0) iOS 16.4 (Xcode Normal version) ⬇️ If you agree to help me, I'll give you my code so you can help me fix it. Thank you so much! Sayan
Posted
by
Post not yet marked as solved
0 Replies
374 Views
Hello, I am trying to add a leading and trailing alignment to an image but the option is disabled. Can somebody please help with this, here's the screenshot for reference
Posted
by
Post not yet marked as solved
0 Replies
429 Views
Hello, I have this issue. I don’t know what do I need to chang. can you help pleas. This app duplicates the content and functionality of other apps submitted by you or another developer to the App Store, which is considered a form of spam. Specifically, this app appears to be available in the same territories as another identical app submitted to the App Store. It would be appropriate to restrict the available territories for individual apps to those areas in which you intend to market and sell it and ensure none of the selected territories overlap. Apps that simply duplicate content or functionality create clutter, diminish the overall experience for the end user, and reduce the ability of developers to market their apps. The next submission of this app may require a longer review time.
Posted
by
Post not yet marked as solved
0 Replies
572 Views
I am a UI designer. I have seen the official Apple Figma file for iOS17. I found many places where the margins, padding, etc. of components are 5px, 7px, 11PX, etc. What is the reason for doing it that way instead of using 8 point grid system?
Posted
by
Post not yet marked as solved
2 Replies
698 Views
Hello everyone, I am new to MacOS app development and I'm currently working on implementing an HTTP/S interceptor in my application. I would like to know if there are any available APIs or network events that I can listen to in order to intercept HTTP/S calls made by all the applications installed in my MacOS, read their headers and body, and have the ability to block or allow those calls. Any guidance or suggestions would be greatly appreciated. Thank you, Venkata Sesha Phani.
Posted
by
Post not yet marked as solved
2 Replies
540 Views
Specifically, your screenshots includes non-iOS status bar images. We noticed that your submission includes information about third-party platforms that may not be relevant for App Store users. Specifically, your screenshots includes non-iOS status bar images. Referencing third-party platforms in your app or its metadata is generally not relevant for App Store users, who are focused on the experiences offered by their current device.
Posted
by
Post marked as solved
2 Replies
479 Views
Hi, can I force a 5-star review to allow users to use the app's features? Is this a violation of policy?
Posted
by