윈도우 98 스타일을 웹에서 그대로 구현한 CSS 라이브러리가 소개되면서, 과거 운영체제의 디자인과 인터페이스 요소를 두고 개발자들의 다양한 회상과 토론이 이어짐.
과거 윈도우 인터페이스에서 쓰이던 다중 행 탭 구조를 두고 공간을 효율적으로 쓰며 모든 탭을 한눈에 볼 수 있어 좋았다는 의견이 나온 반면, 행이 동적으로 바뀌어 헷갈리고 산만했다는 반론도 제기됨.
버튼이 비활성화되었을 때 아예 숨기기보다 회색조로 표시하고 툴팁이나 안내를 제공하는 편이 사용자 혼란을 줄인다는 마이크로소프트의 옛 가이드라인을 두고 실효성을 논하는 목소리도 있었음.
최근 대다수 웹과 앱에서 채택하는 미니멀한 플랫 디자인이 오히려 정보 파악을 어렵게 만들고 단조롭다는 불만도 함께 언급됨.
이런 레트로 테마들이 실제로 픽셀 단위까지 완벽한 경우는 거의 없었음.
데스크톱 환경의 테마 엔진으로 윈도우 오리지널을 100% 구현하기는 까다롭지만 관련 리눅스 테마는 매우 흡사함.
코드 보기 뒤에 숨은 HTML 서식을 보니 예전 트라우마가 살아나는 느낌임.
자바스크립트 없이 순수 CSS로만 구현된 점이 인상적임. 테두리와 그림자 트릭으로 입체적인 윈도우 98 느낌을 잘 살림.
다중 행 탭 UI는 사용성과 지능, 미적 감각에 대한 모독이었으며 왜 이걸 다시 가져오는지 모르겠다는 의견.
lipgloss 라이브러리도 꽤 비슷함.
윈도우 XP나 맥OS 시스템 7 이후로 키보드와 마우스 기반 UI는 크게 나아진 게 없고 진짜 혁신은 터치스크린에서 일어남.
제목 표시줄의 파란색 그라데이션이 사실 꽤 보기 좋음.
작성자임! 이번 프로젝트는 번아웃 극복 프로젝트였고 내게 매우 소중함.
윈도우 95, 윈도우 XP, 플레이스테이션 1, NES 등 다양한 레트로 UI CSS 모음 공유.
픽셀 단위까지 거의 완벽함. 다만 기본 확인 버튼에 두꺼운 검은색 테두리가 빠졌고 그룹 박스나 라디오 버튼, 드롭다운도 보이지 않음.
다른 댓글들과 달리 진정한 CSS 프레임워크 형태이며 실용적인 용도로 쓸 만함.
버튼을 회색 처리하는 대신 아예 안 보이게 숨겨버리는 요즘 UI 트렌드는 상당히 혼란스러우며, 회색 처리된 버튼을 보면 오히려 반갑다는 의견이 있음.
부트스트랩 테마가 아니라 호환성을 유지하는 정식 포크이며 수백 시간이 걸리는 고된 작업임.
지오시티 링크가 깨져 있는 것 외에는 완벽함.
마이크로소프트의 예전 UX 가이드라인에는 비활성화된 컨트롤을 다시 생각하라는 훌륭한 조언이 있었음.
장인 정신이 담긴 코디네이션이라는 점에서 더욱 인상적임.
작은 웹사이트를 만들 때 사용해 봤는데 사용성과 노스탤지어의 조화가 아주 적절함.
빈티지 스타일 모음에 추가할 만한 또 다른 클래식 스타일 링크.
이런 결과물이 바로 CSS가 존재하는 이유라고 생각함.
사이트의 아기자기한 감성과 진솔한 이야기 조합이 도파민을 주는 멋진 경험이었음.
BeOS 스타일의 레트로 CSS 라이브러리를 만들고 있으며 음악 취향도 비슷하다는 점이 흥미로움.
플랫 디자인은 너무 웃기고 누군가에게 큰돈을 벌어다 줬겠지만 다들 양처럼 따라감. 옛날 UI의 다중 행 탭이 그냥 작동하는 방식은 최고였음.
클래식 감성을 참고한 것들이 멋지며 리액트라는 단어도 언젠가는 추억이 되겠지.
윈32 감성의 KDE 테마가 나오기를 간절히 기다리는 중.
대부분의 레트로 프로젝트와 달리 픽셀 단위로 정확하게 재현된 점이 마음에 듦.
브라우저 지원이 완전하지는 않지만 드롭다운 메뉴를 윈도우 98 스타일로 맞추는 것은 충분히 가능함.
웹페이지에서 정보를 찾기 오래 걸릴수록 체류 시간이라는 핵심 지표가 올라가기 때문에 이런 디자인이 남는 것임.
운영체제가 새로 나올 때마다 UI 디자이너들은 기능적으로 불필요하고 자원만 더 먹는 변화를 억지로 만들어냄.
시간이 갈수록 디자인이 너무 평평해지고 있으며 윈도우 9x 시절의 미묘한 3D 효과와 그라데이션이 사라짐.
다중 행 탭은 예쁘지 않지만 현대적인 스크롤형 탭바와 달리 모든 탭을 한눈에 파악할 수 있음.
언젠가 2010년대 플랫 디자인을 재현하는 스타일시트가 나오면 단 세 줄의 CSS로 모든 걸 없애버릴 것임.
UI 디자이너들이 댓글 내용을 반영해 작업 중일 것이라는 농담.
다중 행 탭은 옛 UI에서 가장 싫어하는 부분이며 세로 공간을 낭비하고 탭을 누를 때마다 위치가 뛰어올라 혼란스러움.
숫자가 올라가는 통계 위젯은 사용자가 총합을 보려고 기다리게 만들어 체류 시간을 늘리기 위한 용도뿐임.
트랙바 위젯을 쓸 때 선을 클릭하면 거리에 상관없이 특정 값으로 바로 점프하는 동작이 예상 밖이었음.
웨이백 머신에 아카이브된 링크 공유.
탭이 너무 작아지거나 화면 밖으로 밀려나는 것보다는 줄 바꿈이 낫다는 의견.
현대적인 수평 스크롤 탭은 깊이감이 있던 예전 멀티 행 탭보다 훨씬 최악이며 혼란스러움.
쓸 수 없는 버튼을 아예 없애버리는 것은 사용자를 가스라이팅하는 것이며 버튼과 UI 요소는 항상 보여야 함.
트리뷰 항목에서 포인터 커서를 없애는 것이 역사적으로 더 정확할 것임.
윈도우 3.1과 95 시절의 깊이감 있던 테마를 친구에게 보여주며 감탄했던 좋은 추억이 있음.
아마 아닐 것임.
윈도우 7 버전도 있는지 궁금함. 그때가 마지막으로 좋은 디자인이었고 그 이후로는 내리막길이었음.
AI가 생성한 스토리가 아니며 깃허브 링크도 있는 진짜 사람의 이야기임.
적절한 시각적 장치만 있다면 미니멀하고 플랫한 디자인도 훌륭하지만 애플이나 구글의 알록달록한 플레이도우 UI와는 충돌함.
이걸로 1MB도 안 되는 크기에 윈도우 98 데스크톱 환경을 픽셀 단위까지 똑같이 구현한 개인 사이트를 만듦.
XP 베타 테마인 워터컬러 스타일 CSS도 있는지 궁금함.
수백만 색상을 지원하는 모니터를 가지고도 윈도우 10과 11은 색상을 쓰지 않아 우울한 느낌을 줌.
설정마다 숨겨진 동작이 있으니 버튼 옆에 물음표 아이콘을 더 많이 넣어주었으면 좋겠음.
윈도우 7 스타일 구현체 링크.
권한이 없거나 아예 쓸 수 없으면 버튼이 안 나타나는 게 맞지만, 상태에 따라 못 쓰는 경우라면 회색 처리가 타당함.
이런 작업이 왜 필요한지 잘 모르겠음. 윈도우 98 UI 디자인이 최고의 UX였던 것은 아니며 기술 비대화가 문제임.
안드로이드 파이어폭스 나이트릴 버전을 쓰는데 탭을 누르면 URL은 바뀌지만 선택되지는 않음.
현대 운영체제도 장식용으로 공간을 낭비하지 않고 단순하고 깨끗했으면 좋겠음.
전체적으로 좋지만 다른 구현체들과 마찬가지로 컨트롤 사이에 빈 공간이 너무 많음. 윈95/98은 공간 활용이 매우 효율적이었음.
패스트푸드 키오스크 등은 처음부터 다 알 것이라 가정하고 만들어져서 차라리 사람이 직접 받는 게 나음.
권한 부족으로 숨겨진 기능은 아쉽고 비활성화된 상태에서 툴팁으로 이유를 알려주는 방식이 좋음.
윈도우 2000이 UI 디자인의 정점이었으며 이후 웹디자이너들의 영향으로 사용성이 나빠짐.
번아웃을 겪었을 때 읽었던 책이 도움이 되었다는 경험담.
오랫동안 98.css 개발에 관여하지 않고 PR 검토만 해왔으며 안전성 확인 후 바로 커밋 권한을 주고 있음.
근본 원인은 해상도가 낮았던 윈95 시절과 달리 오늘날 화면이 커져 제약이 사라졌기 때문임.
98.css 등에서 미묘하게 잘못된 MS 산스 세리프 글꼴이 거슬려서 직접 수정해 봄.
윈도우 팬들에게 유용한 시도이며 OSF/MOTIF나 CDE 스타일을 구현한 곳도 있음.
폰트 문제 때문인지 내 PC에서는 화면이 끔찍하게 보이며 버튼 누름 애니메이션도 너무 느리고 번거로움.
홈페이지의 탭이 작동하지 않는 이유는 자바스크립트 속성이 추가되지 않았기 때문임.
어릴 때 심골프를 정말 오래 했는데 추억이 새록새록 돋아남.
클릭할 때마다 탭 행 순서가 뒤바뀌어서 체계적으로 찾기 힘들게 만드는 방식은 최악임.
상당히 깔끔하지만 탭 컴포넌트의 탭을 클릭했을 때 자바스크립트 기능이 작동하지 않아 아쉬움.
본문에서 언급한 마이크로소프트 윈도우즈 사용자 경험 문서가 온라인에 있는지 찾기 어려움.
사람들은 변화를 갈망하고 플랫 디자인은 그것을 충족해 주었음.
순수 CSS와 HTML로도 탭 구현이 가능할 것 같음.
젊은 사람들은 줄 서서 기다리지 않고 패스트푸드나 마트에서 무인 키오스크와 셀프 계산대를 선호함.
단축키가 밑줄 쳐져 있는데 작동하지 않거나 단축키가 겹치는 UI 문제 지적.
동그라미 배경을 바로 선택했으며 윈98 UI는 절대 질리지 않음.
로그인 후 댓글을 작성할 수 있음.로그인
gn***ib
2024년과 2022년, 2020년에도 해커뉴스 인기 글이었음.
ran******nger
다양한 레트로 CSS 라이브러리 모음 링크 목록.
Osr******f2P
내 웹사이트 중 하나에 이걸 써보고 싶은데 어울릴 만한 곳이 떠오르지 않음. 리눅스를 윈도우 XP처럼 보이게 해주는 XFCE-winxp-tc도 추천함.