Design Strategy
The ILR website is built mobile-first and responsive with a flat design. The most important part of responsive web design is that no matter on which screen you’re looking at the website the content is accessible in an optimum display. The best responsive designs are those that allow a visitor to go from one display to another, but with the feeling that these experiences are part of a greater whole.
Why Flat Design?
Flat design is contemporary, economical and responsive. A clean mobile-first approach to layouts with concise text and clear calls-to-action allows the site to adjust to various devices and screen widths. Flat design is economical in that it relies more on good typography and use of white space instead of designed elements.
Designed elements cost more in time and resources. Simple design elements require less memory and therefore load faster.
The use of CSS transitions offers dynamic and interactive content while replacing large animation files and reducing the need for third-party plug-ins.
Strategically placed photos, videos and block quotes are used to emphasize the content, when needed, instead of congesting the page and competing for attention with the content.
Layout
Flat, clean designs require a consistent use of white space. Web pages are laid out in horizontal sections. Alternating white and grey backgrounds help delineate sections on the page. Bottom borders may be included to separate design elements from each other.
The use of wide margins on the left and right is deliberate, they help establish the layout. Top and bottom padding and margins for parent elements share the same height.
Main menu
- About ILR
- Faculty and Staff Resources
- Office of Human Resources
- Financial Operations and Budget Planning
- Communications and Marketing
- Web Services
- Technology Services
- Services
- Desktop Support
- Windows 10
- Setting Your Login Password
- Two-Step VPN - Windows and Mac
- Printing
- Remote Access & Two-Step VPN
- Cornell Wireless Internet
- Install and License Adobe Creative Cloud
- Software Center
- General Information
- Adobe
- Configure a Secure Internet Connection
- Remote Applications
- Guidelines
- Backing Up Your Files
- Changing Your Password
- Remote File Access
- AntiVirus
- Identity Finder
- Spirion (Identity Finder)
- Managed Macintosh Support
- Antivirus
- Installing a Mac OS X Update
- Microsoft Office
- Other Software Updates
- Self Managed Cornell Device - PC
- Setting Up Software Update
- Your Responsibilities and Useful Contact Information
- Purchasing
- Classroom Technologies
- Distance Learning
- Computer Labs
- Desktop Support
- Submit Requests
- Technology Policies
- About Us
- Services
- Emergency Preparedness
- Founding Faculty
- News
- People at ILR
- Contact Us
- ILR College Map
- Public Engagement at ILR
- Theme Project
- Faculty and Staff Resources
- Admissions
- Academics
- Academic Departments
- Degree Programs
- Undergraduate Degree Program
- Graduate Degree Programs
- ILR Class Enrollment and Course Information
- Special Study Options
- International Experience
- Internships
- ILR Credit Internship Program
- FEX
- WISP
- Summer Options
- FEX & WISP for Sponsors
- Service Learning
- Disability Studies
- Dual Degree Programs
- Fellowships
- Minors
- Student Research
- Academic Policies
- Students
- Career Path
- Professional Programs
- Library
- Centers & Institutes
- Alumni