角色主题导航(研发)
我们研发了一款把普通导航界面整体按某个角色概念重新绘制的导航。这是一个内部项目,目的在于验证界面表现技术的可能性而非商业发布,最终没有产品化。导航是驾驶中查看的界面,即使套上角色主题,路线引导信息也必须照样清晰可读。地图、引导、按钮和状态显示都按主题重新制作,标准组件做不到的元素则亲自实现。
用角色概念重新绘制的同一路线引导界面
角色主题导航在功能上与普通导航相同,只是整个界面换成了某个角色的概念。地图、路线引导、按钮和状态显示等界面元素,都按主题逐一重新诠释并制作。这是一个以验证界面表现技术为目的的内部研发项目,并非商业发布。

为标准组件做不到的表现亲手打造的定制组件
仅靠应用开发工具默认提供的界面组件,很难表现角色主题。我们亲手实现了契合主题的按钮、引导标识、状态显示等元素,并在每个界面上试验操作方式和视觉元素。在这个过程中,我们在如何拆分与设计界面组件方面积累了广泛经验。

通过变换动效与界面构成来试验的表现方式
角色主题导航与其说是商业发布,不如说更接近技术验证与可能性探索。我们以同样的引导信息为基础,变换多种表现方式、动画和界面构成进行试验。目的不是选出唯一的正确答案,而是确认能做到什么程度。

增添趣味后,路线引导仍最先被看清的平衡
导航应用的基本原则是驾驶中也要好用。为了在套用角色主题的同时守住这一原则,我们专注于在信息可读性与视觉趣味之间取得平衡。这项研发是与同一家公司合作的第三个导航项目,也是在随后的大版本更新开发之前深入打磨界面技术的时期。

项目亮点
以角色主题重新绘制地图、引导、按钮与状态显示的界面
为标准组件难以表现的元素亲手打造的定制组件
在引导信息可读性与视觉趣味之间寻求平衡的实验
洞察
GA4 client_storage: 'none'은 정말 쿠키를 막을까?
두 달 전 이 블로그에 「GA4 쿠키 없이 쓰기」라는 글을 썼습니다. clientstorage: 'none' 으로 쿠키 저장을 끄고, 자체 분석이 쓰던 익명 ID 를 clientid 로 넘기면 쿠키 0개로 GA4 를 쓸 수 있다는 내…
GA4 Measurement Protocol: gtag.js 없이 서버에서 이벤트 보내기
랜딩 페이지의 전송량을 파일 단위로 쪼개 보다가, 가장 큰 파일이 우리 코드가 아니라는 것을 알았습니다. Google Analytics 의 gtag.js 였고, 방문 한 번에 176KB 를 받고 있었습니다. 페이지 전체가 1,094K…
중소 제조업 AI 도입 순서: DX를 먼저 끝내야 할까?
공장을 가진 중소·중견 제조기업 16만여 곳 가운데 스마트공장을 도입한 곳은 19.5%입니다. 회사가 작을수록 이 비율은 더 떨어집니다. 중소벤처기업부가 2025년 4월에 낸 제1차 스마트제조혁신 실태조사 결과입니다. 그림: 기업 규…
Next.js loading.tsx와 404: 버튼이 화면보다 먼저 살아나게 하기
관리 화면 왼쪽 위에 사이드바를 접고 펴는 ☰ 버튼이 있습니다. 폭 하나 바꾸는 버튼인데, 대시보드에서 누르면 2초 넘게 아무 반응이 없었습니다. 레이아웃만 바꾸는 일이 왜 이렇게 오래 걸리는지부터 들여다봤습니다. Next.js 16…



