UI디자인 3

[Swift] 갈대 유리 효과 구현하기 (효과 설계 과정, CIFilter)

2024년 디자인 트렌드를 둘러봤을 때, 갈대 유리 효과(Reeded glass effect)가 눈에 띄었습니다.이전에 만들었던 글래스모피즘과 '유리(glass)'라는 키워드를 동일하게 가지고 있지만,두 효과가 주는 유리의 질감 및 느낌이 꽤 다르게 느껴졌고, 만들면 재밌겠다는 생각이 들었습니다. (마찬가지로 Swift 언어로 작성되었고, UIKit에서 사용할 수 있는 라이브러리입니다.)https://github.com/Chaehui-Seo/ReededGlassView GitHub - Chaehui-Seo/ReededGlassView: Assistant for Reeded glass effect UI in iOSAssistant for Reeded glass effect UI in iOS. Contrib..

iOS 2024.10.13

[Swift] 뉴모피즘 구현하기 (inner Shadow, HSB 색상 추출)

2023년 디자인 트렌드에서 두 가지 키워드가 눈에 들어왔습니다.첫 번째는 글래스모피즘(glassmorphism)이었고, 두 번째는 뉴모피즘(neumorphism)이었습니다. 먼저 글래스모피즘 라이브러리를 만들었고, 이후 UI 패키지 제작에 재미를 붙여서 뉴모피즘(neumorphism) 라이브러리도 제작했습니다.이 글에서는 뉴모피즘이 무엇인지 소개하고, 제작하면서 신경 썼던 부분이 무엇인지 소개하고자 합니다. (Swift 언어로 작성되었고, UIKit에서 사용할 수 있는 뉴모피즘뷰 라이브러리입니다) https://github.com/Chaehui-Seo/CHNeumorphismView GitHub - Chaehui-Seo/CHNeumorphismView: Assistant for Neumorphism U..

iOS 2024.10.02

사이드프로젝트 모바일 앱 UI 개선하기

딱 1년 전, 작년 추석 연휴 기간에 을 진행했다.6일 내내 작업을 했고, 연휴 마지막 날에 리마인더 앱 를 출시하였다.기획, 디자인, 개발까지 혼자 진행했었고, 프로젝트에 대한 자세한 내용과 회고를 이곳에서 확인할 수 있다.(* 해커톤이라고 지칭하긴 했지만, 기획 및 디자인은 이미 몇 달 동안 고민하고 설계한 상태였다. 6일은 개발만 집중했다.)   이 프로젝트는 초기부터 UI에 신경을 많이 썼었다.애초에 "개발이 복잡하고 어려운 서비스"가 아니라, "디자인적으로 이쁘고 명확한 서비스"를 만들고 싶었다.출시 후 주변 피드백을 반영하며 총 5번의 업데이트를 하며 UI를 개선했다.이 글에서는 "아차차"의 UI에 대해서 이야기해보고자 한다.  1. UI디자인 법칙대학생 때, 이라는 전공과목을 수강했다.그것..

iOS 2024.09.18