All that’s essentially left is the essence of a ridiculously simple app interface. As you squish the browser window pretty much everything gradually disappears. The first thing I notice upon entering Smashburger’s website is that the designer made a conscious decision to make the food be in your face by implementing a carousel. At the top of the page, the three main menu items titled menu, sign in, and Adobe retract to show just their icons. The many linked subheadings found in the using Typekit section near the bottom of the page are arranged in a cloud formation and they readjust to form a vertically scrolling setup commonplace to smartphone apps. Like most of the other sections which are also tiled, all of the featured fonts become viewable through a horizontal scrollbar. The featured fonts, essentially logos cropped into tiles, start out in an arrangement in the shape of a diamond. The contrast of the text against the dark background image is absolutely stunning! The fluid layout is very successfully implemented. Upon entering, I am instantly captivated by the beautifully “typographed” heading and the vibrant green and blue that is laid on top of black. There are many more instances of this on the home page and also in the site builder if you sign up and use Weebly’s features. The subheading disappears and the sample themes reduce in number from five to three. Also, the layout simplifies when re-”widthed”, as the sign up button eventually splits into a sign up with Facebook and a sign up with email button. As far as fluidity, the site’s first five paragraphs begin at about one line long and as one readjusts the window width of the web browser, the text readjusts to take up less horizontal space. The girl’s smiling face cleverly directs the visitor’s eyes to the sign up button located on the top-right corner. Weebly’s website has bright colors in its background image with what looks like reduced opacity this allows the white text to pop while giving the photo much of the attention. The fly-out, when clicked on, becomes “two clashing lightsabers” which is really cool! When I scrunch the page all of the way, the search bar shrinks to only the “magnifying glass” search icon and log in, sign up, and the row of social media are moved to the more options fly-out that looks like “three lines”. When I squish the browser window to approximately one third the screen width, the two columns of panels merge into a single column of panels. The site doesn’t start to really change until it takes up just under a third of my screen width, except for resizing that starts to happen once my browser shrinks width-wise to just over half of the way. It uses fluid layout in a way as to allow the user to still have easy access to all of the content. The Star Wars website has great contrast between the dark grey and brighter colors such as white and also yellow. There are many different directions I could go, but who knows what the future may hold? Published Date: May 17, 2016 I might, after a while, delve into the realm of mobile app design or, eventually, even software design. I plan to start my career at a web design firm doing design work and front-end development. Student Guest Post Author Info Student Bio: Joseph Sumner Student Website: Website Student Bio: I am currently a student at Salt Lake Community pursuing an AAS degree in Visual Art and Design with an emphasis in Web Design.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |