SwiftKit

실제 거제도 여행 갔을때 착장을 그대로 그려봤다. 실제 인물과 색을 가져오니 생동감이 넘치는 것 같다.

색 대비에 대한 고민이 생기고 있다.

나의 집착.. 나의 마지막 Corner Radius에 대한 집착... 아래는 위의 Rounding Corners를 만들기 위한 코드이다. import SwiftUI struct ContentView: View { var body: some View { VStack { Text("Rounding Corners") .frame(width: 180, height: 70) .foregroundColor(Color.white) .background(Color.black) .roundingCorner(20, corners : [.topLeft, .topRight]) } } } extension View { func roundingCorner(_ radius : CGFloat, corners : UIRectCorne..

애플의 Document 참조 SwiftUI에 Corner Radius를 걸어주는 방법은 크게 세가지 정도가 있다. 우선 기본적인 것은 애플의 Document에서 그대로 가져왔다. cornerRadius(_:antialiased:) | Apple Developer Documentation Clips this view to its bounding frame, with the specified corner radius. developer.apple.com 애플 Document 코드 .cornerRadius import SwiftUI struct ContentView: View { var body: some View { VStack { Text("Rounded Corners") .frame(width: 175,..

애플의 Corner Radius? 과연 애플은 어떤 Corner Radius를 채택하고 있을까? 우선 HIG에는 없다! 신기하게도 구체적인 수치를 명시하지 않았다. GPT에 물어보니 애플의 디자인 철학인 사용자 경험과 명료성에 중점을 두고 있고, 디자이너와 개발자들이 이러한 철학에 따라 창의적인 솔루션을 제공할 수 있도록 명확한 값을 주지 않는다고 한다. 결론은 알아서 창의적으로 잘 만들어봐~ 인 듯싶다. (그래도 난 궁금해...) 실제로 나는 애플 디벨로퍼 아카데미에서 Joel Davies에게 질문도 드렸다. 답변은 명확하게 정해놓은 값이 없다는 것이었다. Corner Radius는 정해놓는 값이 아니며 그때그때 변할 수 있고 결국 디자이너들과 개발자들이 결정하는 것이라고 말씀을 해주셨다. 사실 디자인..

Corner Radius에 대한 개인적인 생각 이번 WWDC를 준비하면서 UI에 대한 많은 고민들을 해봤던 것 같다. 그중에서도 Corner Radius에 대한 궁금점이 많았다. 요즘 거의 모든 곳에 Corner radius가 적용되어 있다. 완벽한 사각형은 드물다. 날카로운 모서리보다 둥근 모서리가 심리적으로 안정적이라는 이야기가 있다. 내 생각에는 지금 거의 모든 책상, 쓰레기통, 상자 등등 많은 것들이 네모로 되어있는데 날카로운 모서리는 아프다. 하지만 둥근 모서리는 덜 위험해 보이는데 이것과 연관이 있지 않을까 싶다. 어쨌든 인터넷 창이든 앱 아이콘이든 우리가 손으로 터치를 하는 공간이니 아무리 화면 안에 있어서 우리에게 상처를 주진 않겠지만, 둥근 모서리가 더 터치하기 편안하지 않을까? Roun..

Figma로 조명을 그려보았다. 나는 아직은 피그마가 좀 더 손에 익는 것 같다. Sketch의 경우 픽셀에 따라 중간이 잘 안 맞는 것 같다. 내가 아직 스킬이 부족한 게 많겠지만... 아무튼 내가 좋아하는 조명을 그리니까 너무 재밌다. 앞으로도 뭔가 하나씩은 그려볼 생각이다.

우리 집에 있는 조명과 소파.. 그리고 닌텐도를 표현해 봤다. 생각보다 앉아있는 모습을 그리는 것도 어려웠고, 입체감 있는 소파를 그리는 것도 어려웠다. 조명 그리는 것은 너무 재밌었다.

홈 앱에 있는 기본그림을 내식대로 따라 그려봤다. 이런 형태의 그림이 요즘 많이 보이고 내가 좋아하는 깔끔한 일러스트라서 도전해 봤다. 나름 만족스럽다. 이 일러스트레이터 스타일을 바탕으로 여러 가지 시도해 봐야겠다. 아직 서툴지만...!

이것은 버튼 패딩 뿐만이 아니라 모든 padding에 적용되는 것 같다. 버튼에 관련된 글을 작성하다가. 아래와 같이 버튼이 아주 이상해지는 상황이 발생했다!! 나는 아래를 자른적이 없는데 잘려버리는 상황이 발생했다. 도대체 뭘까? 궁금해하다가 문득 백그라운드 색을 씌워보기로 했다. 귀여운 알약이 등장... 아하 padding(.bottom) 을 했는데 padding을 건 모든 뷰 자체가 corner radius가 걸리는 구나 라는 걸 알았다. 그래서 이번에는 padding()으로 모든곳에 padding을 걸어 준 후, background를 적용해봤다. 물론 padding 부분은 버튼이 아니지만 이런 재미있는 버튼도 연출이 가능하다. 뭐 크게 쓸모는 없는듯. 어자피 버튼은 중간이라 의미 없을 것 같다. ..