Instagram
[fts_instagram instagram_id=256737344 super_gallery=yes image_size=100px icon_size=50px space_between_photos=1px hide_date_likes_comments=yes center_container=yes image_stack_animation=yes type=user]
Twitter
[fts_twitter twitter_name=elliance]
In December of 2016, Slate.com started testing a new article site design. One of their designers Jason Santa Maria tweeted their test page, along with a blog post introducing the new design approach. The new layout was sleek and simple, but I was personally drawn towards the articles hero image and title. The hero section refers to the top section of the page, usually with a large eye catching image and title. I wanted to talk about section and some of the smart design decisions that were made by Slate when thinking and designing ‘mobile first’. For publications like Slate, mobile traffic makes up a majority of their page views, so focusing on this experience is an obvious choice. Traditionally, the standard hero image is usually wider than it is tall to match the aspect ratio of the desktop device. This ‘desktop first’ approach when scaled to a mobile screen size through responsive development yields a rather short image that … Continue reading
Posted in: Online Magazine Website Design, responsive web design magazines
Leave a comment