iOS developers and UI designers
Starting a new news app project and needing a consistent UI component library.
사용 사례
소개
The ETtoday Component mind map template provides a structured catalog of reusable UI components for building news and media applications. It organizes 30 nodes into four main categories: Button, CollectionViewCell, TableViewCell, and TabBar. The Button branch includes six variants such as 'Full View Button', 'Social Button', and 'Label Link Button', while CollectionViewCell covers Video, News, Album, and Live sections with subtypes like 'Video Single', 'News Double', and 'Album List'. This template serves as a component cheat sheet for iOS developers and designers working on ETtoday-style interfaces, helping standardize UI elements across projects. It is best used as a reference during app development or as a checklist for component inventory.
이용약관이 템플릿을 사용할 때
Product managers and frontend engineers
Auditing an existing app to identify missing or redundant UI elements.
Tech leads and onboarding mentors
Onboarding new team members and providing a visual reference of reusable components.
이 템플릿 사용 방법
단계 1
Open and Explore Component Branches
Launch the template in Xmind to browse the structured categories of Button, CollectionViewCell, TableViewCell, and TabBar nodes.
단계 2
Customize Nodes with Implementation Details
Rename existing components or add specific notes and images to each node to match your project's unique UI requirements.
단계 3
Export and Share Reference Sheets
Save your finalized component inventory as an image or PDF to provide a standardized cheat sheet for your development team.
자주 묻는 질문
The template covers four main categories: Button (6 variants), CollectionViewCell (Video, News, Album, Live), TableViewCell (4 subtopics), and TabBar (Main and ContentView).
Open the .xmind file in Xmind, then expand each branch to review component names. Use it as a checklist to ensure all UI elements are designed and implemented consistently.
Yes, you can add new component types, rename existing nodes, or attach notes and images to each node for detailed specifications.
It organizes content display cells for video, news, album, and live sections, with single and double layout variants for flexible grid designs.
While named for iOS conventions, the component categories are platform-agnostic and can be adapted for Android or web UI inventories.
공유하고 싶은 템플릿이 있나요?
전 세계 크리에이터와 마인드맵 템플릿을 공유하고 작품으로 수익을 창출하세요.
무료 템플릿