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.
有好的模板想分享？
把你的思维导图模板分享给全球创作者，从你的作品中获得收益。
免费模板