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.

All subtopics
Posts under Design topic

Post

Replies

Boosts

Views

Activity

Sheet Presentation
Hi, would appreciate based on my implementation how can I control the dimmed effect of sheet presentation on iOS 17 later. Here is my sample implementation: struct ContentView: View { @State private var present = true var body: some View { VStack { Image(systemName: "globe") .imageScale(.large) .foregroundStyle(.tint) Text("Hello, world!") } .padding() .sheet(isPresented: $present, content: { ContentView2() .modifier( SheetModifier( dismissDisabled: true, detents: [.medium, .large], dragIndicator: .hidden ) ) }) } } #Preview { ContentView() } struct SheetModifier: ViewModifier { var dismissDisabled: Bool var detents: Set<PresentationDetent> var backgroundInteraction: PresentationBackgroundInteraction var dragIndicator: Visibility var cornerRadius: CGFloat init( dismissDisabled: Bool = false, detents: Set<PresentationDetent>, backgroundInteraction: PresentationBackgroundInteraction = .automatic, dragIndicator: Visibility = .automatic, cornerRadius: CGFloat = 20 ) { self.dismissDisabled = dismissDisabled self.detents = detents self.backgroundInteraction = backgroundInteraction self.dragIndicator = dragIndicator self.cornerRadius = cornerRadius } func body(content: Content) -> some View { content .background(.clear) .interactiveDismissDisabled(dismissDisabled) .presentationDetents(detents) .presentationBackgroundInteraction(backgroundInteraction) .presentationDragIndicator(dragIndicator) .presentationCornerRadius(cornerRadius) } }
0
0
691
Jun ’24
Zoom in
Hii apple! What about zooming with 2 fingers without making a screenshot to zoom it!! I will love to make a pattent about it!!! Everywhere we ad on the iphone should we zoom in with 2 fingers!!! love to hear from ya
1
0
1.1k
Jun ’24
Improvement to Future IPhones and Apple Watches
It would be a great innovation to incorporate a Card Reader into both iPhones and Apple Watches. The user could open the card reader app on his watch or phone, enter the amount to be paid into his nominated bank account (eg £15) ready for the purchaser/customer to tap his card to make the contactless payment. It would simplify my everyday life enormously because I hardly ever carry cash these days.
1
0
801
Sep ’24
Using Game Center logo on website to indicate game's functionality
I have a game on the App Store, and a website that promotes the game. On the website, I'd like to indicate that the game is Game Center-capable. Question: Can I use the Game Center logo on my website for this purpose? I saw this and this, but they don't seem to answer my question. Maybe I'm missing something, though? To be specific: a small version of the logo would appear atop a description of the game. Thanks!
Topic: Design SubTopic: General Tags:
2
0
911
Jan ’22
IOS18 update
Finally updated my phone lastnight and I honestly wish I had NEVER bothered! Apple, what on earth is going on with your design team?! It’s a nightmare!!!!!! incsnt find anything, my photos are a nightmare when I knew wheee everything was. Now I have to try and work out how to find things more when it wasn’t ideal during a consultation with clients as I looked incompetent. The settings for passwords, battery etc have all been changed aswell and the pull down part for locking/bluetooth/aeroplane modes are all stupid aswell. Overall, extremely unsatisided with the overall update. I stayed with Apple because of the convenience of knowing the layout. I switched once to android and hated it because it had a different layout and I didnt like it having to start again when I’m already so busy. i lasted 24 hours with that phone before taking it back and upgrading back to Apple. Since the new layout and since I’m due an upgrade, there’s now nothing stopping me as your customer from leaving and now getting an android phone because I now find the upgrade difficult to navigate. If I could change it back I would. Overall dissatisfied and now willing to upgrade to another Apple next month.
Topic: Design SubTopic: General
0
0
397
Nov ’24
Safari Web App and iOS App
We understand that SF is the native font, and that symbols are part the overall look and feel of the Apple system, and that some symbols are reserved for specific features. With these constraints in mind, we do not wish to implement SF symbols in any way as to misrepresent Apple's existing products or features. Is it possible to use SF symbols in an iOS app and web app targeting Safari? It seems this would be relatively straight forward, and should be important to communicate design language properly across apps. Otherwise, there will be some confusion.
Topic: Design SubTopic: General Tags:
0
0
980
Jun ’22
Menu in SwifUI
Hi, i´m trying to get a menu with three rows. The top one should be a HStack with three RoundedRectangle (Red, Yellow and Green). The second row and the third one (both separated with a Divider from the top one) are for edit and delete. But I get five rows, three empty rows plus the edit row and the delete row. The three first rows are empty but they execute the moveTask function correctly. I don't know how to solve this. Can anybody help please? struct TaskView: View { @EnvironmentObject var viewModel: BoardViewModel @EnvironmentObject var languageManager: LanguageManager @State private var isEditing = false let task: Task var body: some View { HStack(alignment: .center, spacing: 8) { Text(task.title) .font(.system(size: 16, weight: .medium)) .foregroundColor(.primary) .lineLimit(4) .multilineTextAlignment(.leading) .fixedSize(horizontal: false, vertical: true) Spacer(minLength: 0) Menu { ColorButtonsView(task: task, viewModel: viewModel) Divider() Button(action: { self.isEditing = true }) { Label(languageManager.localizedString("edit"), systemImage: "pencil") } Button(action: { viewModel.deleteTask(task) }) { Label(languageManager.localizedString("delete"), systemImage: "trash") } } label: { Image(systemName: "ellipsis") .font(.system(size: 20)) .foregroundColor(.gray) .frame(width: 30, height: 30) } } .padding(.vertical, 8) .padding(.horizontal, 12) .background(Color.white) .cornerRadius(10) .shadow(color: Color.black.opacity(0.1), radius: 3, x: 0, y: 1) .sheet(isPresented: $isEditing) { EditTaskView(task: task, viewModel: viewModel) } } } struct ColorButtonsView: View { let task: Task let viewModel: BoardViewModel var body: some View { HStack(spacing: 10) { ForEach(Column.allCases, id: \.self) { column in Button(action: { viewModel.moveTask(task, to: column) }) { RoundedRectangle(cornerRadius: 5) .fill(colorForColumn(column)) .frame(width: 30, height: 30) } } } } private func colorForColumn(_ column: Column) -> Color { switch column { case .toDo: return .red case .inProgress: return .yellow case .done: return .green } } }
Topic: Design SubTopic: General
0
0
385
Sep ’24
UX Designer for Spacial computing (Vision Pro)
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
Topic: Design SubTopic: General Tags:
1
0
818
Jun ’23
Presented viewController size shink in iPad after iOS 18
We present a viewController by embedding it into a UINavigationController and then presenting that navigation controller. let navigationController = UINavigationController(rootViewController: invCreateIssueViewController) self.present(navigationController, animated: true) The size of the presented view controller has reduced a lot in ipad in iOS 18. How do I get the same full screen presentation as iOS 17 in iOS 18?
Topic: Design SubTopic: General
0
0
387
Oct ’24
image playground
it's unfair how some people have full access to Image Playground and others have to wait for hours and days I don't understand why Apple doing stuff like this to the customer treated everyone equally
Topic: Design SubTopic: General
3
0
547
Oct ’24
can I use the san francisco font in my company's logo?
can I use the san francisco font in my company's logo? "SF Pro Rounded"... are there any copyrights? is this legal? Thanks.
Topic: Design SubTopic: General Tags:
Replies
1
Boosts
0
Views
3.1k
Activity
Oct ’21
Sheet Presentation
Hi, would appreciate based on my implementation how can I control the dimmed effect of sheet presentation on iOS 17 later. Here is my sample implementation: struct ContentView: View { @State private var present = true var body: some View { VStack { Image(systemName: "globe") .imageScale(.large) .foregroundStyle(.tint) Text("Hello, world!") } .padding() .sheet(isPresented: $present, content: { ContentView2() .modifier( SheetModifier( dismissDisabled: true, detents: [.medium, .large], dragIndicator: .hidden ) ) }) } } #Preview { ContentView() } struct SheetModifier: ViewModifier { var dismissDisabled: Bool var detents: Set<PresentationDetent> var backgroundInteraction: PresentationBackgroundInteraction var dragIndicator: Visibility var cornerRadius: CGFloat init( dismissDisabled: Bool = false, detents: Set<PresentationDetent>, backgroundInteraction: PresentationBackgroundInteraction = .automatic, dragIndicator: Visibility = .automatic, cornerRadius: CGFloat = 20 ) { self.dismissDisabled = dismissDisabled self.detents = detents self.backgroundInteraction = backgroundInteraction self.dragIndicator = dragIndicator self.cornerRadius = cornerRadius } func body(content: Content) -> some View { content .background(.clear) .interactiveDismissDisabled(dismissDisabled) .presentationDetents(detents) .presentationBackgroundInteraction(backgroundInteraction) .presentationDragIndicator(dragIndicator) .presentationCornerRadius(cornerRadius) } }
Replies
0
Boosts
0
Views
691
Activity
Jun ’24
Baseline Align SF Symbols and Text
Hi, When putting an image that uses systemName next to a text will they be baseline aligned by default ? -- Kindest Regards
Topic: Design SubTopic: General Tags:
Replies
1
Boosts
0
Views
768
Activity
Aug ’24
Zoom in
Hii apple! What about zooming with 2 fingers without making a screenshot to zoom it!! I will love to make a pattent about it!!! Everywhere we ad on the iphone should we zoom in with 2 fingers!!! love to hear from ya
Replies
1
Boosts
0
Views
1.1k
Activity
Jun ’24
Improvement to Future IPhones and Apple Watches
It would be a great innovation to incorporate a Card Reader into both iPhones and Apple Watches. The user could open the card reader app on his watch or phone, enter the amount to be paid into his nominated bank account (eg £15) ready for the purchaser/customer to tap his card to make the contactless payment. It would simplify my everyday life enormously because I hardly ever carry cash these days.
Replies
1
Boosts
0
Views
801
Activity
Sep ’24
How can I get all variants of a glyph in a font with CoreText?
The standard font panel provides the ability to select a variant of a glyph (typically defined by 'aalt' feature).
Replies
0
Boosts
0
Views
947
Activity
Mar ’23
Using Game Center logo on website to indicate game's functionality
I have a game on the App Store, and a website that promotes the game. On the website, I'd like to indicate that the game is Game Center-capable. Question: Can I use the Game Center logo on my website for this purpose? I saw this and this, but they don't seem to answer my question. Maybe I'm missing something, though? To be specific: a small version of the logo would appear atop a description of the game. Thanks!
Topic: Design SubTopic: General Tags:
Replies
2
Boosts
0
Views
911
Activity
Jan ’22
IOS 18 Script Handwritting doesn’t work iPad Pro 2020
Quite disappointed to find out my iPad Pro 2020 did not support script handwriting in the note app from what I’ve searched for it seems it needs the M1 chip really
Topic: Design SubTopic: General
Replies
0
Boosts
0
Views
464
Activity
Aug ’24
IOS18 update
Finally updated my phone lastnight and I honestly wish I had NEVER bothered! Apple, what on earth is going on with your design team?! It’s a nightmare!!!!!! incsnt find anything, my photos are a nightmare when I knew wheee everything was. Now I have to try and work out how to find things more when it wasn’t ideal during a consultation with clients as I looked incompetent. The settings for passwords, battery etc have all been changed aswell and the pull down part for locking/bluetooth/aeroplane modes are all stupid aswell. Overall, extremely unsatisided with the overall update. I stayed with Apple because of the convenience of knowing the layout. I switched once to android and hated it because it had a different layout and I didnt like it having to start again when I’m already so busy. i lasted 24 hours with that phone before taking it back and upgrading back to Apple. Since the new layout and since I’m due an upgrade, there’s now nothing stopping me as your customer from leaving and now getting an android phone because I now find the upgrade difficult to navigate. If I could change it back I would. Overall dissatisfied and now willing to upgrade to another Apple next month.
Topic: Design SubTopic: General
Replies
0
Boosts
0
Views
397
Activity
Nov ’24
Safari Web App and iOS App
We understand that SF is the native font, and that symbols are part the overall look and feel of the Apple system, and that some symbols are reserved for specific features. With these constraints in mind, we do not wish to implement SF symbols in any way as to misrepresent Apple's existing products or features. Is it possible to use SF symbols in an iOS app and web app targeting Safari? It seems this would be relatively straight forward, and should be important to communicate design language properly across apps. Otherwise, there will be some confusion.
Topic: Design SubTopic: General Tags:
Replies
0
Boosts
0
Views
980
Activity
Jun ’22
Menu in SwifUI
Hi, i´m trying to get a menu with three rows. The top one should be a HStack with three RoundedRectangle (Red, Yellow and Green). The second row and the third one (both separated with a Divider from the top one) are for edit and delete. But I get five rows, three empty rows plus the edit row and the delete row. The three first rows are empty but they execute the moveTask function correctly. I don't know how to solve this. Can anybody help please? struct TaskView: View { @EnvironmentObject var viewModel: BoardViewModel @EnvironmentObject var languageManager: LanguageManager @State private var isEditing = false let task: Task var body: some View { HStack(alignment: .center, spacing: 8) { Text(task.title) .font(.system(size: 16, weight: .medium)) .foregroundColor(.primary) .lineLimit(4) .multilineTextAlignment(.leading) .fixedSize(horizontal: false, vertical: true) Spacer(minLength: 0) Menu { ColorButtonsView(task: task, viewModel: viewModel) Divider() Button(action: { self.isEditing = true }) { Label(languageManager.localizedString("edit"), systemImage: "pencil") } Button(action: { viewModel.deleteTask(task) }) { Label(languageManager.localizedString("delete"), systemImage: "trash") } } label: { Image(systemName: "ellipsis") .font(.system(size: 20)) .foregroundColor(.gray) .frame(width: 30, height: 30) } } .padding(.vertical, 8) .padding(.horizontal, 12) .background(Color.white) .cornerRadius(10) .shadow(color: Color.black.opacity(0.1), radius: 3, x: 0, y: 1) .sheet(isPresented: $isEditing) { EditTaskView(task: task, viewModel: viewModel) } } } struct ColorButtonsView: View { let task: Task let viewModel: BoardViewModel var body: some View { HStack(spacing: 10) { ForEach(Column.allCases, id: \.self) { column in Button(action: { viewModel.moveTask(task, to: column) }) { RoundedRectangle(cornerRadius: 5) .fill(colorForColumn(column)) .frame(width: 30, height: 30) } } } } private func colorForColumn(_ column: Column) -> Color { switch column { case .toDo: return .red case .inProgress: return .yellow case .done: return .green } } }
Topic: Design SubTopic: General
Replies
0
Boosts
0
Views
385
Activity
Sep ’24
UX Designer for Spacial computing (Vision Pro)
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
Topic: Design SubTopic: General Tags:
Replies
1
Boosts
0
Views
818
Activity
Jun ’23
【建议】开发者网站上有一个标注错误
链接地址:https://developer.apple.com/cn/help/app-store-connect/reference/screenshot-specifications/
Topic: Design SubTopic: General
Replies
0
Boosts
0
Views
348
Activity
Sep ’24
SwiftData Data Deleting Unwantedly
Hi, I have two SwiftData models that are not working as intended. I'm able to add data to the models, but sometimes after refreshing the app data is missing. Any guidance would be greatly appreciated.
Topic: Design SubTopic: General Tags:
Replies
2
Boosts
0
Views
1.1k
Activity
Dec ’24
Presented viewController size shink in iPad after iOS 18
We present a viewController by embedding it into a UINavigationController and then presenting that navigation controller. let navigationController = UINavigationController(rootViewController: invCreateIssueViewController) self.present(navigationController, animated: true) The size of the presented view controller has reduced a lot in ipad in iOS 18. How do I get the same full screen presentation as iOS 17 in iOS 18?
Topic: Design SubTopic: General
Replies
0
Boosts
0
Views
387
Activity
Oct ’24
Adding custom symbols to app?
How do i add a custom symbol to my app? Can someone please share any reference or links to the same?
Replies
0
Boosts
0
Views
1k
Activity
Jun ’23
image playground
it's unfair how some people have full access to Image Playground and others have to wait for hours and days I don't understand why Apple doing stuff like this to the customer treated everyone equally
Topic: Design SubTopic: General
Replies
3
Boosts
0
Views
547
Activity
Oct ’24
Symbol effects
Will symbol effects that we saw on wwdc sessions come on ios 17 native apps too? On watchos 10 there are already there in new control center!
Replies
0
Boosts
0
Views
759
Activity
Jun ’23
Why does my font change in mail? running Monterey beta 12.3
When I receive my ''automatic abc'' mail....after I have sent an email....the font has changed?.....I use Century Gothic as a standard font for all emails and documents....yet it is changed for some reason? I am running IOS BETA 12.3 on Monterey
Topic: Design SubTopic: General Tags:
Replies
0
Boosts
0
Views
844
Activity
Feb ’22
Can I use SF UI Text font in a web application?
Can I use SF UI Text font in a web application? If it is legal to use the font on a web application then how can I get a license for the font? I could not find the font on the Apple fonts.
Topic: Design SubTopic: General Tags:
Replies
2
Boosts
0
Views
4.0k
Activity
Aug ’23