이 글은 'UX/UI의 10가지 심리학 법칙(존 야블론스키 지음)'을 바탕으로 글 하단에 있는 사이트들을 참고하여 작성한 글입니다. https://lawsofux.com에서 각 법칙들을 살펴볼 수 있습니다. 비슷한 사물이 여러 개 있으면 그중에서 가장 차이가 나는 한 가지만 기억할 가능성이 크다. 개요 인간은 수천 년간 진화하며 대단히 정교한 시각페계와 인지 처리 체계를 갖췄다. 우리는 순식간에 사물을 구별할 뿐 아니라, 다른 생명체에 비해 뛰어난 패턴 처리 능력. 사물 간 작은 차이까지 알아채는 능력을 타고났다. 이러한 특징은 정보를 기억에 암호화하는 방식, 더 나아가 어떤 사물이나 사건을 회상하는 능력에도 영향을 미쳐서, 회상보다 인식이 우선하게 된다. 특히 디지털 인터페이스를 접할 때 사용자는 시각..
해당 내용은 "쉽고 빠르게 익히는 CSS3(제이슨 크랜포드 티그)"를 읽고 정리한 글입니다. 대부분의 경우 사용자 인터페이스는 특정 운영체제 및 사용 중인 브라우저에 의존하므로 CSS로 제어할 수 없다. 예를 들면 스크롤바 같은 객체는 제어할 수 없다. 하지만 마우스 포인터와 인용 스타일 같은 외양은 CSS를 통해서도 제어할 수 있다. 추가적으로 CSS에는 특정 대상에 (동적으로 생성된)페이지 콘텐츠를 지정할 수 있는 속성을 몇 가지 제공한다. 예를 들어 모든 장 제목에 'Chapter'라는 단어를 앞에 삽입해야 하는 경우가 있을 수 있다. 보통 웹페이지 콘텐츠는 모두 HTML 코드에 두지만 때로는 추가 콘텐츠를 동적으로 생성하거나 특정 언어에 맞게 콘텐츠를 수정하는 일이 생기기도 한다. 마우스 포인터의..
해당 내용은 "쉽고 빠르게 익히는 CSS3(제이슨 크랜포드 티그)"를 읽고 정리한 글입니다. 색상값 선택 색상 키워드 1) currentcolor 키워드 : currentcolor를 사용해 색상값을 설정하면 엘리먼트의 현재 color값을 사용하게 된다. currentcolor를 color속성에 지정하면 마치 color:inherit을 사용한 것처럼 부모 엘리먼트의 색상값을 상속한다. div { color: aqua; border-color: currentcolor; } 2) transparent 키워드 : 알파 값 0, 즉, 정말 투명한 효과를 주는 키워드. 이 키워드를 사용하면 해당 엘리먼트 뒤에 있는 모든 대상이 투명하게 투영돼 보인다. 3) RGB 16진수 값 : 원하는 색상의 적, 녹, 청색 수준..
