Design area are just magento’s logic way of dividing magento code base into different part.
These are 4 design area defined in file (Mage_Core_Model_App_Area)
global, adminhtml, fontend, admin
design area are mainly used to load objects separately, e.g objects in frontend area are not required in adminhtml etc.
The main objects in area
2. configuration (controllers, routes)