For my last blog post I went on about great designs and how the designers followed a structure and made it work well. Well for this post I wanted to counter that. I wanted to see how different designers could make their nav bars and still have a good solid design and also keep the navigation understandable. This may be turning into another inspirational post but I just loved how some of these sites worked in a weird navigation and STILL pulled off an amazing site and the nav actually BETTERS the portfolio work and the overall design. Don’t take my word for it though! CHECK IT OUT!! Hope the sites and navs look interesting and inspire others to break the mold a little bit. See ya until next time designers!
So, being that we are STILL putting our noses to the grind stone and trying to work out a conceptual idea I thought to post up a site that showcases inspirational portfolio websites. THIS site has designers from all over creating amazing works and working in complex grid structures to create an easy navigational site as well as visually appealing. Some of my favorites from this bunch of sites would be Josh Sullivan, Dave Mott, Fully Illustrated, Visualbox & Douglas Menezes. All of their designs let their own personal work do the talking. No really overly complicated nav or super flashy buttons. Just a section for their art on the front to grab attention and the nav to get the people where they want to go. Simple. All of their sites are amazing inspiration to start from. Great uses of grid structure as well as very easily identifiable navigation bars. Hope this post has giving some sites of amazing inspiration and see ya until next time folks.
Since my restoration website project has now been finished it’s time to look to the next thing. What would that be? A personal portfolio website. But where to begin or what to put into it besides my own personal works to showcase? Thankfully the internet has plenty of websites in which people blog or post about what a good portfolio website should include, put more interest to, and attract more business and attention. This website right here lists off 10 aspects that a designer should treat with special concern and always have in their personal online portfolio website. Hope this gives some people an idea about where to start like it did me or that it sharpens some points or ideas that others have already started to form. Until next time blog readers.
So after our mid term and on the week of spring break I had to finish up my website design for our first project. Over all the website came out pretty strong with the help of trouble shooting sites and my girl friend giving past history of HTML she knew. Overall coding is a lot to remember but with outside source it can be manageable. What came off as something I knew nothing about was linking a PDF in HTML…. Being my website was based off of a restaurant and a restaurant that has a monster of a menu list… I had to look for another way to put all of the content in. In enters the idea of linking a PDF. Overall the idea to me was foreign but it actually was pretty easy. Linking a PDF is just like linking an HTML document. A HREF all the way! But if you don’t understand, never seen it or just wanna read more up on it you can go to THIS site that will explain it and go step by step in helping you link your PDFs to the HTML. Hope my blogging is helpful, until next time see ya everyone!
When trying to prepare the mid term website we were assigned to create for our grade I had a few troubles with the coding… Mainly because I started the whole exam with one of my homework layouts.. Stupid I know, I should have started straight from scratch. But one thing that occurred due to that was my unordered list would NOT go horizontal. I tried to problem shoot but in that position I panicked and rushed. I had tried to look up trouble shooting websites but none of what they had posted worked out… I ended up not finishing the unordered list. SO, for today’s post I looked up unordered lists and how to code them to be horizontal. THIS is the site you wanna go to. Big word of advice for this to work without any trouble. DO NOT start off with already existing works. Too much back track and not worth the waste of time. So go check out the site. Hope if anyone uses it that it helps out and gets your unordered list to come out the right way. Until next time people.
Another week of building The Corkscrew Saloon’s website and we are asked to create a mobile website design for mobile devices to also access the site. This in return will give our client more publicity as well as more business.
While searching the web for some good resources for this post I came across Duda Mobile. I decided to jump into their website and see what they had to offer. To my surprise apparently Duda teamed up with Google and actually converted 450 websites to have mobile site layouts within 2DAYS!!! Very impressive to say the least and of course they were plugging their software for buyable download… Needless to say I’ll take my chances since the software was $199. Still big ups to Duda Mobile for completing such a task in 2days!
Back to the issue at hand though, mobile sites for websites. To put it short and sweet there is THIS website that explains almost everything from the ins and outs, right down to the end trails of the websites mobile design. If you wanna learn what to do and get great tips if you are already an established coder, go to mobile.smashingmagazine.com. You wont be disappointed.
Well that’s all for now folks. I’ll be back this weekend to talk your ear off again if you want. Until next time everyone reading, see ya around.
So last week we were given time in class to create some smaller scale designs of our soon to be Project 1, or our very first official website. While some went about it by ways of Photoshop and sketching it out, I had a few bare bone ideas for a site to start from. But what I remembered from the start was this, “Slicing in Photoshop compared to actually coding it out lacks so much in control.”. So with that in mind I started by trying to code out the container and other linked pages of the site…. Needless to say this “simple” design made our homework coding look like child’ play. I had messed up the padding with some of the container and there were a few breaks in linked text that I did not want there. Trying to fix it was a bit of trouble… I still haven’t figured out what was wrong. So with that in mind this blog post is going to be about complexities of coding sites. I can attest to it personally that coding outside of given guidelines becomes a big hassle if not 100% fluent with how things should go and sit regularly with webpages. But I’m not the only one who feels this way about coding sites. These guys go through the steps of why and what makes coding websites so hard for beginners and fresh meat like me. I’ll tell you that it they hint on designers learning the focus points of web design and then just trying to complete websites on their own factors, not trying to create a page off of every single last sliver of info they ever learned about coding…. There is more too, beginners mistakes as well as important issues to focus on. But don’t just hear it from me, go read some about it. Until next time my fellow designers and artists I will see you on the inner-tubes.
Today I find myself a little out of stuff to really talk about and base my post on. One thing that I do like, not just for websites but for companies in general, is a good designed logo. For me it was always the logos that no matter where they were posted or found you would know them, that’s memorability. I decided to go and look up some opinions and ideas of outside designers as my resources and came across a very fair sounding and level headed designer by the name of Jacob Cass. On his website justcreative.com , he has 2 sections on certain points of logos. One being the need for a professional logo over a cheap logo, and the second being what makes a good logo.
Mr Cass believes that the logo is everything, it is the corporate identity. And he’s right. You can’t go anywhere and see red and yellow and not think McDonald’s. It’s engraved into society due to it’s memorability. These kinds of logos are what help businesses in the long run to making millions, maybe even billions of dollars. Social identity to the public masses is a must have when trying to have any kind of business.
Now lets move on to Mr. Cass’ second section on his website. Talking about what makes a good logo. From what My. Cass stats in the article good logos are composed of 5 main factors. Those being: Simple, Memorable, Timeless, Versatile, & Appropriate. All of these pose great points into catching public eyes. If you logo happens to be ambitious and complex then it becomes too confusing and not always re-memorable. Second is what makes every business the big bucks, the status of having everyone know that is your company, that is you business, this is your domain. That being memorability, is probably the biggest part of a logo and what gives a logo its importance. Third is Timeless, Mr. Cass makes a great point of showing the difference in logo changes between Coca Cola and Pepsi. Pepsi seems to have had a new logo almost every decade, where as Coke has had the same logo since the beginning. It’s timeless and shows that the best logos can stand the test of time and keep a business in the public eye. Changing a logo would be like changing your name and address and then expecting everyone you know to actually find you, its not gunna happen. Forth is Versatile, a logo should be able to be printed in vast sizes and put on different mediums in order to get the full use and presence to the public. Why let only Joe’s Donuts be the only doughnut shop to print their logos on napkins? DO IT TOO. And last but not least, there is Appropriate. Appropriate is what makes it right for that specific company. If you had frilly flowers and the company was an automotive store, how many guys do you think will be checking out that company over NAPA? You must must must MUST have a logo that matches your company and gives the appearance of what the business or company means.
I hope I have somewhat simplified to people what makes a good logo and why good logos are such an amazing asset to have. I hope that I can continue to put up interesting opinions and ideas of web design and graphic design. Until next time I post, see ya anyone whose reading!
This kid is awesome! Like a BOSS. Stop being boring people!!!
While in Web 1 this week we have been speaking a little about our Project 1 website that we are going to be redesigning. While on the look-out for a “bad” site to take on as my redesign project all I could think about when seeing lacking websites was structure Structure STRUCTURE. It seems that everyone and their uncle these days thinks that they are going to stumble on some new kind of website layout that ISN’T a solid structure that is based off grid lines…. I’m not complaining but I think there’s a reason bad sites are they way they are. The main part is their STRUCTURE. Aside from that a few lacked in color coordinating, but not something completely out of left field. Which brings me to my thoughts about color coordinating.
I think that color coordinating a site with the pictures and the logo designs has to be one of the best ideas for making a website. Color coordinating to me makes the site more fused to the product or business and actually makes it all that more professional in appearance. There was a informative/inspirational website that gave me a few ideas and pointers of using various color coordinating implementations to give hierarchy and importance to specific things on the page. The website, if you are interested and maybe want to try making a website with the actual image as the page, or maybe just using simple and minimal color combinations on your page; check out this site. It actually has some really inspirational examples of it’s pointers and ideas that it suggests in using colors of the websites to your advantage. Don’t take my word for, go check ‘em out! Until next time, see ya blogger people.