웹디자인

  • Production/홈페이지 제작

    홈페이지 제작 문의

    " 고객의 미래를 함께하는 씨앤텍시스템즈 " 안녕하세요 씨앤텍시스템즈 기술연구소입니다. 회사소개 2005년에 설립된 DW, ETL, BA, BIG DATA, 솔루션 구축 컨설팅 전문기업 씨앤텍시스템즈의 소개합니다. 기술연구소는 전문화된 인력과 기술력을 바탕으로 차세대 기술 개발, R&D 사업 등 새로운 IT 기술에 도전하고 지속적인 연구 개발을 통하여 주도적인 기업으로 이끌어 나가고 있습니다. 최근 자사 ETL 솔루션 개발 및 디지털 헬스케어, 인공지능 학습, 다양한 분야에 도전하며 완수해 왔습니다. 기업 홈페이지, 대기업 사내포털사이트, ETL 솔루션, 알고리즘 등 이러한 경험을 바탕으로 새로운 웹 에이전시 사업에서 차별화된 서비스를 제공하고자 합니다. 홈페이지 제작 과정 씨앤텍시스템즈 기술연구소에서는..

  • 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..

  • Web Programming

    Adobe Illustration Working Level 2

    안녕하세요. 씨앤텍시스템즈 홍정화 연구원입니다. 이번 포스트에서는 Adobe Illustration에서 각종 디자인에 대하여 정리해 보았습니다. Adobe Illustration cc 2019 (한글판) 기준으로 작성되며, 버전이 달라도 화면 요소들과 작업 방식은 동일함으로 진행하는데 문제가 없습니다. 혹시 설치 방법을 모르신다면 아래 링크를 클릭해주세요! https://www.adobe.com/kr/products/illustrator.html?promoid=PGRQQLFS&mv=other Adobe Illustration Working Level 1을 아직 못 보셨다면 아래 링크를 클릭해주세요! https://cntechsystems.tistory.com/92 Adobe Illustration Wor..

  • Web Programming/Design

    Adobe PHOTOSHOP Working Level 3

    안녕하세요. 씨앤텍시스템즈 홍정화 연구원입니다. 이번 포스트에서는 Adobe Photoshop에서 실무에서 주료 사용하는 기능들에 대하여 정리해 보았습니다. Adobe Photoshop cc 2019 (한글판) 기준으로 작성되며, 버전이 달라도 화면 요소들과 작업 방식은 동일함으로 진행하는데 문제가 없습니다. 지난 포스트 Adobe PHOTOSHOP Working Level 2에서 선택과 도형, 색보정에 대해 이해하셨다면 이번 포스트에서는 실무에서 많이 활용하는 기능들에 대해 알아보겠습니다. Adobe PHOTOSHOP Working Level 1을 아직 못 보셨다면 아래 링크를 클릭해주세요! https://cntechsystems.tistory.com/65 Adobe PHOTOSHOP Working L..