2021/01

  • Web Programming/Design

    UI/UX & HCI 디자인이란

    안녕하세요. 씨앤텍시스템즈 홍정화 연구원입니다. 이번 포스트에서는 UI/UX 그리고 HCI에 대하여 정리해 보았습니다. UI (User Interface) – 사용자와 마주하다 - UI는 요약하자면 사용자가 앱을 사용할 때 마주하는 디자인, 레이아웃, 기술적인 부분 - 디자인의 구성요소(폰트, 컬러, 줄간격 등) 상세한 요소가 포함 - 기술적인 부분(반응성, 입출력단계, 애니메이션효과 등) 여러 부분을 포함 - UI = 디자인 & 기술 예시) UI는 다양한 사용자가 사용할 수 있도록 보편성을 지녀야 하며 전체적으로 사용에 잇어 큰 불편함이 없어야 한다. 좋은 UI는 대부분의 사용자가 높은 만족도를 가져야 하며 어쩔 수 없이 발생하는 주관적인 불만족을 최소화 시켜야 한다. UX (User Experienc..

  • Web Programming/Design

    Adobe illustrator 활용하기-그래픽 아이콘

    안녕하세요. 씨앤텍시스템즈 이나연 연구원입니다. 이번 글에서는 Adobe illustrator를 활용하여 그래픽 아이콘을 만드는 과정을 간단하게 정리해보았습니다. Adobe illustrator에서 원이나 사각형의 오브젝트를 가지고 원하는 모양을 만들기 위해, 패스파인더와 도형 구성 도구를 사용해볼 수 있습니다. 패스파인더와 도형 구성 도구는 두 개이상의 오브젝트끼리 모양을 빼거나 합쳐서 새로운 형태의 오브젝트를 만들어낼 수 있다는 공통점이 있습니다. 그래픽 아이콘을 만드는 과정과 함께 두 도구를 사용하는 방법을 간단하게 설명해보겠습니다. 이 글의 설명은 Adobe illustrator CC 2019 (한글판)을 기준으로 작성되어있으며, 버전이 달라도 화면 요소들과 작업방식은 크게 다르지 않습니다. Ad..