Naming rules for designers' cut drawings (common naming words)

one thousand four hundred and twenty-one
article

January 13, 2018 00:15:43 UI Design comment seven hundred and eighty-six two Reading mode

1. Named collections of common interfaces, controls, functions, and states:

File naming rules that can be remembered by APP product managers, APP designers, APP development engineers, including H5 front-end developers.

Interface naming
Entire main program	App	search result	Search results	activity	Activity	information	Messages
home page	Home	Application Details	App detail	explore	Explore	music	Music
Software	Software	calendar	Calendar	contacts	Contacts	Journalism	News
game	Game	camera	Camera	control center	Control center	note	Notes
Administration	Management	Photo	Photo	healthy	Health	weather	Weather
find	Find	video	Video	mail	Mail	Wrist watch	Watch
Personal Center	Personal center	set up	Settings	Map	Maps	Lock screen	Lock screen

System Control Library
status bar	Status bar	Search Bar	Search bar	Reminder View	Alert view	Popup View	Popovers
navigation bar	Navigation bar	Table View	Table view	Edit Menu	Edit menu	switch	Switch
Tab Bar	Tab bar	Subsection control	Segmented Control	selector	Pickers	Popup	Popup
toolbar	Tool bar	Active View	Activity view	Sliding rod	Sliders	scanning	Scanning

Function naming
determine	Ok	add to	Add	uninstall	Uninstall	choice	Select
default	Default	see	View	search	Search	more	More
cancel	Cancel	delete	Delete	suspend	Pause	Refresh	Refresh
close	Close	download	Download	continue	Continue	send out	Send
minimize	Min	wait for	Waiting	Import	Import	forward	Forward
Maximize	Max	load	Loading	export	Export	restart	Restart
menu	Menu	install	Install	back off	Back	to update	Update

Resource Type
picture	Image	scroll bar	Scroll	progress bar	Progress	line	Line
Icon	Icon	label	Tab	tree	Tree	Masking	Mask
Static text box	Label	Tick box	Checkbox	animation	Animation	sign	Sign
Edit Box	Edit	Drop down box	Combo	Button	Button	animation	Animation
list	List	Radio	Radio	background	Backgroud	play	Play

Common status
ordinary	Normal	Get focus	Focused	Accessed	Visited	default	Default
Press	Press	click	Highlight	Disable	Disabled	Check	Selected
hover	Hover	error	Error	complete	Complete	blank	Blank

Position sorting
Top	Top	bottom	Bottom	second	Second	Page off	Header
middle	Middle	first	First	last	Last	footer	Footer

2. The naming rules of slice files based on iOS (Android Universal) are as follows:

Personally, the identifier naming principle is to use as few characters as possible to fully express the meaning of the identifier (for example, the navigation bar can be reduced to nav).