반응형 컴퓨터/UI31 수치 데이터를 표시하는 방법 수치 데이터를 표시하는 방법에는 다음과 같은 방법이 있다. 1. 텍스트 2. 시간 그래프 3. 벡터 그래프 4. 그림 2023. 5. 22. 데이터 시각화란? 데이터 시각화(Data and Information Visualization, Data viz, Info viz)는 데이터를 쉽게 이해하게 하기 위해 그래픽으로 나타내는 것이다. 역사적으로 유명한 대표적인 데이터 시각화는 아래 그림과 같은 19세기 작성된 나폴레옹의 러시아 진군 지도이다. 노란색은 공격로이고 검은색은 후퇴로이며 두께는 병력수이다. 47만명이 공격하여 1만명이 겨우 돌아왔다. 그림 아래의 그래프는 후퇴할 때의 기온을 나타낸다. 위의 나폴레옹의 진군 지도를 간략하게 나타내면 다음과 같이 나타낼 수도 있다. 2023. 5. 7. UI의 선택 요소 (구글 크롬과 MS 엣지의 UI 차이) 아래는 구글 크롬와 MS 엣지의 설정 메뉴이다. 구글 크롬은 메뉴가 몇개 되지 않는데 MS 엣지는 메뉴가 2배 정도 많다. 메뉴가 많으면 선택하는 시간이 다소 증가한다. 이러한 사소한 지연이 UI 쾌적함을 크게 감소시킨다. UI에서 사람이 어떤 것을 선택해야 할 때 선택 개수를 줄여야 편하게 사용할 수 있다. 2023. 4. 8. UI 상태 표시 방법 UI에서 상태를 표시하는 방법 1. 텍스트 2. 시간 그래프 3. 벡터 그래프 2023. 1. 26. 명령어 인터페이스 (CLI) CLI(Command-line interface)는 DOS나 니눅스의 터미널과 같이 명령어를 입력하여 컴퓨터에게 명령을 주는 인터페이스를 의미한다. CLI에 반해 GUI는 기본적으로 그래픽 화면을 마우스로 선택하여 동작한다. 2023. 1. 25. 일본 전자제품의 컬러 일본 전자제품에는 아래 사진과 같은 색깔의 스위치를 사용하는 제품들이 있다. 이런 색을 사용한 전자제품은 애니메이션 느낌이 난다. 이러한 색은 채도가 60~80 정도로 낮은 색들이다. 아래의 색 편집에서 명도를 120 정도로 하고 채도를 60 정도로 한후 색상을 변경시키면 위와 비슷한 색들을 표현할 수 있다. ☞ 색상, 채도, 명도 2022. 6. 26. 나사 관제실 모니터 화면 미국 NASA의 PC는 리눅스를 많이 사용한다. 2022. 6. 21. 게임 어나더월드 - 사용자 인터페이스 90년대 게임 어나더월드에 나오는 컴퓨터 사용자 인터페이스 3D 모니터 2022. 5. 28. UI 컬러 조합 2022. 5. 28. Command Line Interface 2022. 5. 8. NUI (Natural User Interface) UI (User Interface)는 초기의 TUI (Text UI)에서 GUI (Graphic UI)로 발전하였고 GUI는 다시 NUI로 발전하고 있다. NUI (Natural User Interface)는 인간의 본능적인 행동을 이용하여 기계와 인터페이스 하는 것을 의미한다. TUI는 인간의 일상적인 행동을 통해 기계와 인터페이스 하기 때문에 앞선 기술의 TUI는 인간이 TUI가 있다는 자체를 인식하지 못한 상태로 자연스럽게 동작한다. TUI에는 다음과 같은 것들이 있다. ● 터치 스크린 ● 제스처 인식 ● 음성 인식 MS와 삼성이 만든 PixelSense는 기존의 터치 스크린에서 조금 더 앞선 기술이다. 2022. 4. 3. 세계 최초의 그래픽 유저 인터페이스 (GUI) 세계 최초로 오늘날과 같은 그래픽 유저 인터페이스를 사용한 컴퓨터는 1973년에 출시된 제록스의 알토 컴퓨터이다. 이전의 컴퓨터는 MS-DOS와 같은 텍스트 유저 인터페이스였다. 제록스 알토 컴퓨터의 유저 인터페이스는 이후 애플의 맥킨토시와 MS의 윈도우에 적용되었다. 2022. 4. 3. 프로그램 UI 디자인 색 선택 방법 프로그램 UI을 설계할 때 색깔을 동일한 색상과 채도에서 명도만 바꾸어 사용하면 통일된 느낌을 가질 수 있다. 흑백사진의 독특한 느낌은 동일한 검정 색상에서 명도만 바뀌기 때문이다. ☞ 색상, 채도, 명도 2022. 4. 3. 회색 User Interface 2022. 2. 20. TUI의 장점 현재 거의 모든의 컴퓨터 시스템은 GUI를 사용한다. 하지만, 리눅스에서는 터미널을 통해 텍스트 입력을 받는 Command Line 방식을 아직도 많이 사용한다. Command Line 방식의 장점은 다음과 같다. ● Command Line 방식을 사용하는 프로그램은 GUI 프로그램에 비해 개발하기 쉽다. ● 배치 파일 또는 스크립트 파일로 사용하기 쉽다. ● 입력과 출력 데이터를 서로 연결하기 쉽다. ● 텔넷 등의 원격 접속이 쉽다. 이에 비해 Command Line 방식의 가장 큰 단점은 GUI에 비해 사용하기 어렵고 불편하다는 것이다. 2021. 9. 21. TUI와 GUI의 차이 UI(User Interface)는 인간과 컴퓨터가 연결되는 것을 의미한다. UI의 수단으로 텍스트, 그래픽, 음성, 제스쳐 등을 사용할 수 있다. TUI(Text User Interface)는 인간이 텍스트를 통해 컴퓨터와 연결되는 것을 의미한다. 인간이 텍스트를 입력하면 컴퓨터는 텍스트를 해석하고 실행한다. GUI(Graphic User Interface)는 인간이 그래픽을 통해 컴퓨터와 연결되는 것을 의미한다. 인간이 그래픽 화면을 선택하면 컴퓨터는 그에 맞는 동작을 수행한다. TUI는 GUI에 비해 작은 용량과 간단한 구현 등의 장점이 있기 때문에 아직도 리눅스나 임베디드 시스템 등에서 많이 사용되고 있다. GUI는 사용자에게 편리하지만 TUI는 개발자에게 편리한 UI이다. TUI를 사용할지 GU.. 2021. 9. 21. 터미널과 다운로드 2021. 5. 26. Another World UI 고전 게임 어나더 월드의 인트로에 나오는 3D 모니터의 화면이다. 어두운 녹색 바탕에 밝은 녹색 글씨를 사용했다. 초록계통의 색만을 사용하여 가독성은 떨어지지만 독특한 분위기를 가지고 있다. 2021. 2. 27. 보색 대비 효과 아래 그림은 검은 바탕화면에 R,G,B 각각의 색을 255으로 최대로 했을 때이다. 연두색인 RGB(0,255,0)이 가장 선명하게 보인다. 다음 그림은 바탕화면을 R,G,B 각각의 보색으로 했을 때이다. ☞ 인간의 색 인식 민감도 인간의 색 인식 민감도 인간의 눈은 초록색에 가장 민감하고 그 다음 빨강색에 민감하고 파랑색에 가장 덜 민감하다. 다음 그림에서 빨강, 초록, 파랑색의 밝기가 서서히 변화된다. 초록색은 넓은 범위에서 색의 변화 gammabeta.tistory.com 2021. 2. 27. 제어 프로그램 UI 제어 프로그램의 구성 요소 1) 명령 (Command) 2) 상태 (Status) ▷ 텍스트로 상태값 보기 ▷ 그래프로 상태값 보기 3) 파라미터 (Parameter) ▷ 파라미터 읽고/쓰기 2020. 12. 25. 사용자 인터페이스 설계 방법 UI(User Interface) 설계의 목표는 사용하기 편한 UI를 설계하는 것이다. 하지만, 사용하기 편하다는 것은 주관적인 특성을 가지고 있다. 어떤 것이 편한 것인지 명확하게 정의하기는 어렵다. 실제 UI를 사용해 보면 편한지 불편한지 알수는 있지만 그것이 무엇 때문인지 말하기는 어렵다. UI의 편한함의 정도를 수치화할 수 있는 한가지 방법은 사용자가 어떤 작업을 할때 들이는 노력의 정도를 수치화하는 것이다. 컴퓨터 프로그램이라면 어떤 특정 작업을 하려고 할때 필요한 마우스 이동거리와 클릭수와 키보드 누르는 횟수를 노력의 정도로 볼수 있다. 그리고, 화면에 표시되는 정보의 개수와 정보의 크기와 색의 대비 정도를 수치화할 수도 있다. 어떤 제품은 메인 메뉴가 있고 그 아래에 하위 메뉴에 선택 버턴을.. 2019. 10. 27. 가장 단순한 유저 인터페이스 가장 단순한 UI는 전원 스위치이다. 전원 스위치는 ON/OFF 입력을 받고 동시에 스위치의 ON/OFF 상태를 표시한다. 입력과 출력 각각 1개씩 가진 가장 단순한 UI이다. 2019. 10. 27. 명령어 프롬프트 다음과 같은 MS-DOS에서 ">"와 같은 기호를 명령어 프롬프트(Command Prompt)라고 한다. 유닉스에서는 $ 또는 %를 사용하고 슈퍼유저일 때는 #를 사용한다. 애플 컴퓨터에서는 ]을 사용한다. 2019. 9. 28. 우주선, 잠수함, 비행기 등의 제어 패널 디자인 제어 패널 (Control Panel) 러시아 소유즈 우주선 제어 패널 미국 원자력 잠수함 항공모함 K-30 비호복합 자주대공포 비행기 엔진 컨트롤 화면 비행기 엔진 출력의 현재 값은 숫자로 표시하고 최대 출력에서 현재 출력의 비율은 반원 그래프로 표시한다. 현재 출력값은 소수점자리까지 정확한 값을 알아야 하지만, 최대 출력에 대한 비율은 대략적인 정도만 알면 된다. 다음 사진의 옛날 보잉 737의 엔진 계기판은 디지털 방식과 기계식이 섞여 있다. 오실로스코프 AC-130 포탄 장전 제어기 기타 2019. 6. 2. 개발자에게 중요한 유저 인터페이스 UI(User Interface, 사용자 인터페이스)는 인간이 기계에 접속하는 것을 의미한다. MMI(Man Machine Interface) 또는 HMI(Human Machine Interface)와 비슷한 말이다. 컴퓨터에서는 크게 TUI(Text User Interface)와 GUI(Graphic User Interface)로 나눌 수 있다. TUI는 이전의 DOS나 Linux의 터미널과 같이 텍스트 기반으로 명령을 주는 것이고 GUI는 윈도우와 같이 그래픽 기반으로 명령을 주는 것이다. 프로그래머에게 UI는 가장 간과하기 쉬운 문제이기도 하고 가장 까다로운 문제이기도 하다. 어떻게 보면 프로그램 개발에서 가장 중요한 문제일 수도 있다. ☞ UI 화면색 2018. 9. 2. 비행기의 조종석 사진 F-16 전투기 Eurofighter Typhoon 전투기 유러파이터 타이푼의 모니터는 검은 바탕화면에 흰색 글씨와 주황색을 사용했다. 전투기가 마치 게임 화면이나 장난감 같다. F-35 전투기 우주왕복선 조종석 파란 바탕화면에 흰색, 연두색, 빨강색을 사용했다. 에어버스 A380 에어버스 A380의 헤드업 디스플레이 Airbus A340 비행기의 UI는 효율이 가장 중요하기 때문에 배경 이미지, 그림 등의 쓸데없는 디자인이 전혀 없고 필요한 정보만 표시한다. 디자인 요소가 전혀 없지만 오히려 이러한 심플한 디자인을 더 좋아하는 사람들도 있다. 보잉 747-400 비오는 날 이륙을 위해 활주로에 대기 중일 때 보잉 747-400의 레이더 화면이다. 무인정찰기 Global Hawk의 조종 모니터 화면 2018. 8. 19. 홈페이지 디자인 하는 법 아래는 야후와 네이버의 메인화면 디자인이다. 야후는 사진과 글씨로만 구성되고 박스와 같은 외곽선이나 배경색이 전혀 없다. 그에 비해 네이버는 가로 세로 선이 많고 메뉴에 박스 외곽선으로 넣었으며 배경색은 회색이다. 네이버는 디자인에 많은 시간을 들인 것처럼 보이지만 실제 디자인은 야후가 훨씬 세련되어 보인다. 네이버와 같은 디자인은 한국에서 많이 보이는 디자인으로 쓸데없는 치장이 너무 많다. 디자인을 쉽게 잘하는 방법은 필요한 것만 넣고 필요 없는 것은 모두 빼는 것이다. 2018. 4. 11. 파랑 LED 빨강과 초록 LED가 개발 된 이후 나중에 파랑 LED가 개발되었다. 2018. 3. 11. 커스텀 LCD Custom LCD는 그래픽 LCD보다 더 싼 가격으로 더 깔끔한 화면을 표현할 수 있다. 2016. 3. 28. MS 윈도우 화면 UI MS Windows 윈도우는 1985년 1.0 버전이 처음 나왔다. MS 윈도우 1 2 3 버전의 제어판 윈도우 3.1과 윈도우 7 90년대의 윈도우 3.1과 현재의 윈도우 7의 UI를 비교해 보면 이전의 3.1이 만화와 같은 그림이라면 현재는 점점 사진과 같아 지는 것 같다. 이렇게 UI가 변한 이유는 기술의 발달로 가능하기 때문에 이렇게 변경한 이유도 있을 것이다. 즉, 사진과 같이 하는 것이 디자인적으로 좋아서가 아니라 기술적으로 그것이 가능하기 때문에 했을 수도 있다. 물론, 3.1에서도 만찬가지로 만화와 같이 디자인한 이유가 그 당시 기술로는 그것 정도만 가능했기 때문일 것이다. 어느 것이 좋은지는 사람마다 다르겠지만 3.1에서는 단순미가 있다. 2016. 3. 1. 이전 1 2 다음 반응형
