gnuoyxxyx

1. 오토레이아웃의 편의성이전의 나는 작업할 때 속성이 비슷한 컴포넌트끼리만 오토레이아웃을 적용하여 디자인했었다. 그러나 한 페이지에 있는 전체 컴포넌트 요소들에 오토레이아웃을 적용하면 이미지나 텍스트 위치를 바꿀 때 용이하다는 것을 깨달았다.  또, 상하로 나열된 컴포넌트들 중 하나를 뺄 경우 뒷 배경의 사이즈를 다시 조절했어야 했는데 전체 컴포넌트에 오토레이아웃을 적용하고 프레임의 색을 fill하면 알아서 사이즈가 조절되는 점이 새롭고 흥미로웠다.  2. 요소간의 일정한 간격아이디와 비밀번호를 한 그룹으로 보이게 하기 위해 지금 로그인 버튼과의 거리값을 더 줘서 차이를 두었을 텐데 그냥 모두 일정하게 해도 시각적으로 문제가 되진 않는 것을 깨달았다.   3. Layer blur를 적용할 거면 확실하게..

서비스 기획&디자인/서비스 디자인 2024. 8. 2. 00:22

스타일(Style)UI 디자인에서 효율적으로 디자인하기 위해 가장 중요한 것 : 반복적인 작업을 줄이는 것 → 반복적으로 사용하는 것을 재사용하는 방법스타일 실습왼쪽 패널 열기 :  Cmd + Shift + \\셀렉션 컬러 (Selection Colors)셀렉션 컬러 : 선택된 요소 안에서 같은 컬러를 가진 요소들을 한 번에 쉽게 바꿀 수 있음컴포넌트(Components)컴포넌트 : 재사용할 수 있게 만든 UI의 묶음컴포넌트를 바꾸면 인스턴스도 바뀜 → 효율적인 UI 디자인 가능인스턴스를 바꾸게 되면 더 이상 컴포넌트의 영향을 받지 않게 됨컴포넌트 심화 : 네스팅Swap instance : 아이콘을 일일이 바꾸지 않고 교체하여 컴포넌트 재사용 가능네스팅 : 특정 컴포넌트의 인스턴스를 또 다른 컴포넌트 안..

서비스 기획&디자인/서비스 디자인 2024. 6. 24. 00:46

1. UI 디자인 이해하기토픽 소개UI 디자인 원칙 : 무엇을 원칙으로 어떤 디자인은 왜 좋은지 잘 정리해 둔 것 → 잘 이해하면 충분히 대중적이고 안정적인 UI 디자인을 만들 수 있음파운데이션 (Foundation) : 컬러, 폰트, 레이아웃 같이 UI 디자인을 구성하는 요소UI란?UI (User Interface) : Interface - 무언가를 하기 위한 도구 (스위치, 손잡이, 컵, 언어 등) → UI는 컴퓨터를 이용하기 위한 도구GUI (Graphic User Interface) :시각적으로, 디자인이 입혀진 방식으로 컴퓨터에게 명령을 전달하는 것 → 복잡한 명령어 없이 눈에 보이는 것 중 원하는 것을 고르면 되니 사용하기 훨씬 편리함좋은 UI : 컴퓨터에 대한 지식 없이도 쉽고 빠르게 컴퓨터..

서비스 기획&디자인/서비스 디자인 2024. 6. 24. 00:43

1. 챗GPT 시작하기챗GPT, 새로운 시대챗GPT : 사람과 대화를 하는 AI 챗봇전에도 AI는 여러 곳에서 쓰여왔음그러나 사람들은 이전과 다르다고 느낌 → 인간처럼 생각을 하고 있는 것처럼 느껴짐AI 시대를 본격적으로 열었다고 사람들은 생각함챗GPT는 우리의 생산성을 높여줄 도구임AI의 발전, 그리고 챗GPT인공지능 : 컴퓨터가 사람처럼 생각하도록 만든 것챗GPT가 주목을 받게된 건 처음으로 사람처럼 범용적인 지식을 가진 AI라고 느껴짐, 대화라는 한 가지를 통해 많은 것을 할 수 있다고 느낌Open AI라는 회사에서 만든 서비스로 많은 자본을 들여 빠르게 성장할 수 있었음챗GPT는 GPT3.5라는 언어 AI기술을 기반으로 만들어진 서비스임GPT라는 기술은 계속해서 발전을 이뤄왔음GPT4가 23년 4..

카테고리 없음 2024. 5. 24. 17:01

1. 수강 가이드코딩으로 할 수 있는 일실제 코딩하고 완성된 것을 구경하는 강의임프로그래밍 언어나 기술 이름 정도 기록해 둘 것2. 업무 자동화모든 연락처에 이메일 보내기단순 업무는 컴퓨터에게 맡기면 잘함파이썬으로 모든 수강생들에게 개인 메일 보내기csv 파일 다운로드 해 파이썬에 불러오기pandas로 csv를 불러와 확인gmail은 yagmail이라는 모듈을 쓰면 간단히 보낼 수 있음 (import yagmail)yagmail.SMTP로 내 구글 이메일과 비밀번호 입력코딩으로 이메일을 보낼 때 주의할 점 : 이메일 서비스에는 수신정책이 있는데 짧은 시간에 너무 많이 보내면 스팸계정으로 분류되므로 시간 텀을 줘서 이메일 보내기 (from time import sleep)파이썬 기초문법인 반복문, pand..

개발 2024. 5. 24. 16:59

1. 제이콥의 법칙사용자들은 대부분의 시간을 다른 웹사이트에서 보낸다.- 사용자들은 이미 수 많은 멘탈 모델과 스키마를 형성했기 때문에 이를 잘 계승하면 좋은 서비스를 만들 수 있다. 다시 풀어 말하자면, 사용자는 이미 자신이 다른 사이트를 통해 얻게된 지식, 경험을 바탕으로 익숙해진 패턴을 가지고 있으며 동일한 방식으로 사이트가 작동될 때 편리함을 느낀다는 것이다. 여기에서 사용되는 개념이 두 가지 있다. 멘탈모델 (Mental Model) : 사용자가 기대하는 동작, 상황을 이해하거나 해결하기 위해 기대하고 예측하는 프로세스스키마 (Schema) : 사용자가 떠올리는 형상으로 어떤 상황, 사물의 공통된 특성을 패턴, 유형으로 형상화한 인지적 개념위 두 개념은 비슷하지만 다르다. 먼저 멘탈모델은 어떤 ..

서비스 기획&디자인/서비스 디자인 2024. 5. 5. 02:32

프로그래밍 혁명코딩이 뭘까?코딩 : 프로그래밍과 비슷한 개념으로 컴퓨터에게 명령을 내리는 것임컴퓨터는 0과 1만 이해하기 때문에 사람 언어로 이야기하면 이해를 못하므로 컴퓨터가 알아들을 수 있는 언어로 번역을 해주는 작업이 코딩임코딩으로 만든 물리적으로 만질 수 없는 것을 소프트웨어라고 함가전제품, 게임 등 모든 분야에 코딩이 적용됨코딩이 바꾸는 세상우리의 다음 세대도 소프트웨어 기술이 이끌어 나갈 것으로 전망되면서 배우기 쉬운 언어 (Python 등)가 등장하기 시작함그러면서 처음부터 코드를 짜는 것이 아니라 다른 사람이 만든 것을 가져다 쓰는 문화가 생겼는데 대표적으로 라이브러리와 프레임워크가 있어 계속 발전하면서 원하는 것은 빠르게 가져다 쓰고 결과를 낼 수 있게 됨 (ex. Seaborn)프로그래..

개발 2024. 5. 5. 00:38

두 시안 중 더 나은 사용자 경험을 제공할 수 있는 것과 그 근거는 무엇일까?더 나은 사용자 경험을 제공하는 것은 A안이다. 근거 1라디오 버튼과 체크 박스의 사용 용도는 서로 다르기 때문이다.옵션을 선택할 수 있는 UI는 크게 라디오 버튼, 체크 박스, 토글 스위치 세 개로 나뉜다.라디오 버튼은 두 개 이상의 선택지 중 하나만 선택할 수 있는 경우에 적합하다. 한 가지를 선택한 상태에서 다른 선택지를 클릭할 경우 기존에 선택한 옵션은 해제된다.체크 박스는 두 개 이상의 선택지 중 한 개 이상 선택할 수 있는 경우, 선택이 필수가 아닌 경우 (중립), 하위 선택 항목을 모두 선택할 수 있는 상위 항목을 선택하는 경우 (유사한 항목을 시각적, 효율적으로 그룹화하고 토글 스위치보다 공간을 덜 차지하기 때문)..

서비스 기획&디자인/서비스 디자인 2024. 4. 5. 18:48