전체 글 7

[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

'주니어 제너럴리스트'의 중간 점검

안녕하세요,이 글에서는 제 소개를 해보고자 합니다.저는 영상 편집과 콘텐츠 마케팅 등 콘텐츠 제작의 길을 걸으려다가, 현재는 게임 회사에서 3년차 모바일 개발자로 일하고 있습니다.들어가기에 앞서 이 글은 유용한 정보를 주는 글은 아니고, 저에 대해 적는 글이 될 예정입니다.혹시 정보를 얻기 위해 오셨다면 원하는 글이 아닐 것이고, 저와 비슷한 상황에서 커리어에 고민이 있으신 분들에게 조금이나마 도움을 드리고자 합니다 :)  사실 저는 개발자로서의 제 이 이야기를 많이 하는 편은 아닙니다.그 이유는 아직 주니어 개발자이며, 많이 부족하다고 생각하기 때문입니다.스스로 부족하다고 느끼는 가장 큰 원인은, 정석적인 코스로 개발자가 되지 않았기 때문이리라 생각합니다.컴퓨터공학이나 전산학과 출신 학생도 아니고, 마..

iOS 2024.08.26

[iOS] Border과 CornerRadius에 대한 고찰

안녕하세요!안드로이드, Flutter 개발도 하다 보니 느꼈는데, iOS는 Border와 CornerRadius 설정이 쉬운 편인 것 같습니다.뷰의 layer에서 기본으로 제공하는 속성 값만 입력하면 쉽게 효과를 적용할 수 있습니다.// Border 설정view.layer.borderColor = UIColor.black.cgColorview.layer.borderWidth = 1// CornerRadius 설정view.layer.cornerRadius = 5그러다 문득, 디자인적 완성도를 높이려고 자세히 살펴보니 '그동안 너무 생각 없이 사용하고 있었구나...' 싶더라구요.그래서 오늘은 Border와 CornerRadius에 대해서 더 고민해 보는 시간을 가졌습니다.  0. Border와 CornerR..

iOS 2024.06.24

[Swift] 글래스모피즘 구현하기 (UIVisualEffectView, UIViewPropertyAnimator)

안녕하세요! 저는 새해가 되면 올해의 디자인 트렌드를 찾아보곤 합니다.작년에는 문득 '내가 만들 수 있겠는데?'라는 생각이 들어서 글래스모피즘(Glassmorphism)과 뉴모피즘(neumorphism) 뷰를 개발하고 라이브러리 형태로 배포했었습니다. 올해 2024에도 디자인 트렌드를 찾아봤을 때, 글래스모피즘에 대한 언급이 지속적으로 이어지고 있더군요!그래서 제가 만들었던 글래스모피즘뷰에 대해서 설명하는 글을 써보려고 합니다 :) (Swift 언어로 작성되었고, UIKit에서 사용할 수 있는 글래스모피즘뷰 라이브러리입니다) https://github.com/Chaehui-Seo/CHGlassmorphismView GitHub - Chaehui-Seo/CHGlassmorphismView: Assistan..

iOS 2024.06.03

[iOS] UIButton의 TouchDrag영역이 이상하다?

안녕하세요!요즘, 대학생 때부터 진행해온 사이드프로젝트 회고를 작성하고 있습니다.개발자의 입장에서 도입해본 UX 개선을 주제로 글을 적고 있는데, 이전에 작업하면서 '신기하네..'하고 넘어갔던 부분에 대해서 정리해보고자 합니다.  사용자가 실수를 범할 위험을 줄이기 위해서 액션에 따른 명확한 (시각적)피드백을 주고자 하였습니다.저희 앱의 기능 중에 양자택일의 간단한 테스트를 진행하면, 함께 여행을 가는 친구들과의 여행 스타일을 비교해주는 기능이 있었습니다.단순한 테스트이기 때문에, 뒤로가기 버튼 없이 화면이 구성되었습니다.가벼운 느낌을 주기 위한 의도된 디자인이긴 하지만, 이로 인해서 유저가 실수로 잘못 눌렀을 때 테스트를 처음부터 다시 시작해야 하는 플로우였습니다.이를 개선하기 위해서 버튼 State ..

iOS 2024.05.26