<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Oficina da Marca &#187; Web Development</title>
	<atom:link href="https://oficinadamarca.com/blog/category/visual_communications/web_development/feed/" rel="self" type="application/rss+xml" />
	<link>https://oficinadamarca.com/blog</link>
	<description>Just another WordPress site</description>
	<lastBuildDate>Fri, 07 Aug 2015 11:35:59 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.2.38</generator>
	<item>
		<title>Simple ways to do the perfect website design</title>
		<link>https://oficinadamarca.com/blog/simple-ways-to-do-the-perfect-website-design/</link>
		<comments>https://oficinadamarca.com/blog/simple-ways-to-do-the-perfect-website-design/#comments</comments>
		<pubDate>Fri, 17 Jul 2015 14:50:59 +0000</pubDate>
		<dc:creator><![CDATA[Angela Ferreira]]></dc:creator>
				<category><![CDATA[Visual Communications]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[brand identity]]></category>
		<category><![CDATA[brand marketing]]></category>
		<category><![CDATA[color design]]></category>
		<category><![CDATA[CRAP principles]]></category>
		<category><![CDATA[design principles]]></category>
		<category><![CDATA[GRAPHIC DESIGN]]></category>
		<category><![CDATA[oficina da marca]]></category>
		<category><![CDATA[visual communication]]></category>

		<guid isPermaLink="false">http://oficinadamarca.com/blog/?p=1049</guid>
		<description><![CDATA[If you are not a specialist in graphic design, you probably will think that it’s a lot of work to make a perfect design and it’s not for an amateur. And here we will have to oppose to you. The main website design consist of a few really easy main principles, which won’t take you [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>If you are not a specialist in graphic design, you probably will think that it’s a lot of work to make a perfect design and it’s not for an amateur. And here we will have to oppose to you. The main website design consist of a few really easy main principles, which won’t take you long to learn. More than that, now that people are overloaded with texts, graphics and pictures, they do really need a simplicity. So not-expert view to the design may even help here. <a href="http://oficinadamarca.com/blog/" target="_blank">Oficina da Marca</a> are ready to show you how simple it could be!</p>
<p>See also:<strong> <a title="Permanent Link to Why you should care about the images on social media" href="http://oficinadamarca.com/blog/why-you-should-care-about-the-images-on-social-media/" rel="bookmark">Why you should care about the images on social media</a></strong></p>
<p><a href="http://www.brabbu.com/"><img class="alignnone" src="http://www.mydesignagenda.com/article/brabbu.jpg" alt="" width="700" height="90" /></a></p>
<p><strong>Use contrast</strong></p>
<p>It counts for everything: shapes, fonts colors. Make sure that the most important details would stand out. As well, contrast is beneficial to make your website easy to use. Don’t miss such easy details like if using a light-colored background to use a dark font and so on.</p>
<p><a href="http://oficinadamarca.com/blog/wp-content/uploads/2015/07/Oficina-da-Marca-simple-way-to-do-a-perfect-website-design-contrast-1-e1437144368223.jpg"><img class="alignnone size-full wp-image-1053" src="http://oficinadamarca.com/blog/wp-content/uploads/2015/07/Oficina-da-Marca-simple-way-to-do-a-perfect-website-design-contrast-1-e1437144368223.jpg" alt="Oficina-da-Marca- simple-way-to-do-a-perfect-website-design-contrast-1Oficina-da-Marca- simple-way-to-do-a-perfect-website-design-contrast-1" width="560" height="396" /></a> <a href="http://oficinadamarca.com/blog/wp-content/uploads/2015/07/Oficina-da-Marca-simple-way-to-do-a-perfect-website-design-contrast-e1437144356271.jpg"><img class="alignnone size-full wp-image-1052" src="http://oficinadamarca.com/blog/wp-content/uploads/2015/07/Oficina-da-Marca-simple-way-to-do-a-perfect-website-design-contrast-e1437144356271.jpg" alt="Oficina-da-Marca- simple-way-to-do-a-perfect-website-design-contrast" width="560" height="280" /></a></p>
<p><strong>Choose your font palette</strong></p>
<p>There is nothing more necessary in building brand outlook as consistency. Have you got your standard brand font? If not, it’s the number one thing to apply. It’s not only a good way of ensuring a visual pleasure and comfort for the customer, but as well a brand uniqueness which will help it to be noticed and recognized.</p>
<p>Let your heading be bolder and choose the lighter more subtle fonts for subtitles and body.</p>
<p><a href="http://oficinadamarca.com/blog/wp-content/uploads/2015/07/Oficina-da-Marca-simple-way-to-do-a-perfect-website-design-fonts-1-e1437144387819.jpg"><img class="alignnone size-full wp-image-1055" src="http://oficinadamarca.com/blog/wp-content/uploads/2015/07/Oficina-da-Marca-simple-way-to-do-a-perfect-website-design-fonts-1-e1437144387819.jpg" alt="Oficina-da-Marca- simple-way-to-do-a-perfect-website-design-fonts-1" width="560" height="373" /></a></p>
<p><strong>Pick a color scheme</strong></p>
<p>As well as with fonts your brand has to have its color. It also is the perfect way to ensure website consistency. So look at your brand carefully. What qualities it do have. Is it fresh and fun or sophisticated and glamorous? Look at the color descriptions in the internet and pick up three main ones. Just be sure they get along together.</p>
<p><a href="http://oficinadamarca.com/blog/wp-content/uploads/2015/07/Oficina-da-Marca-simple-way-to-do-a-perfect-website-design-colors-e1437144346524.png"><img class="alignnone size-full wp-image-1051" src="http://oficinadamarca.com/blog/wp-content/uploads/2015/07/Oficina-da-Marca-simple-way-to-do-a-perfect-website-design-colors-e1437144346524.png" alt="Oficina-da-Marca- simple-way-to-do-a-perfect-website-design-colors" width="560" height="359" /></a></p>
<p><strong>Prepare your images</strong></p>
<p>How to enhance the professional look to your website? The one point you shouldn’t miss is grids and frames. If you add those to your pictures, they will always look better and will give you a professional edge.</p>
<p><a href="http://oficinadamarca.com/blog/wp-content/uploads/2015/07/Oficina-da-Marca-simple-way-to-do-a-perfect-website-design-frames-e1437144398726.jpg"><img class="alignnone size-full wp-image-1056" src="http://oficinadamarca.com/blog/wp-content/uploads/2015/07/Oficina-da-Marca-simple-way-to-do-a-perfect-website-design-frames-e1437144398726.jpg" alt="Oficina-da-Marca- simple-way-to-do-a-perfect-website-design-framesOficina-da-Marca- simple-way-to-do-a-perfect-website-design-frames" width="560" height="460" /></a></p>
<p><strong>Simplicity is sophistication</strong></p>
<p>Seeing so many great design examples no wonder there will be a moments you will want to put apply them all. The trick is here you should do otherwise. Keep it as simple as you can. Use only the details that a really necessary for your design. Don’t forget you are here to message something and it also will combine some graphical details. So keep it simple at design so that you can stand-out in your message!</p>
<p><a href="http://oficinadamarca.com/blog/wp-content/uploads/2015/07/Oficina-da-Marca-simple-way-to-do-a-perfect-website-design-simple-website-e1437144407602.jpg"><img class="alignnone size-full wp-image-1057" src="http://oficinadamarca.com/blog/wp-content/uploads/2015/07/Oficina-da-Marca-simple-way-to-do-a-perfect-website-design-simple-website-e1437144407602.jpg" alt="Oficina-da-Marca- simple-way-to-do-a-perfect-website-design-simple-website" width="560" height="388" /></a></p>
<p><a href="http://www.delightfull.eu/en/"><img class="alignnone" src="http://www.mydesignagenda.com/article/delightfull.jpg" alt="" width="700" height="90" /></a></p>
<p>See also: <strong><a title="Permanent Link to How to raise your Instagram followers" href="http://oficinadamarca.com/blog/how-to-raise-your-instagram-followers/" rel="bookmark">How to raise your Instagram followers</a></strong></p>
<p>So now you know. And it didn&#8217;t seem so difficult, right? You just need to apply those simple things to your website and enjoy the benefits.</p>
]]></content:encoded>
			<wfw:commentRss>https://oficinadamarca.com/blog/simple-ways-to-do-the-perfect-website-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A brief history of Flat Design and Why does it Matter</title>
		<link>https://oficinadamarca.com/blog/a-brief-history-of-flat-design-and-why-does-it-matter/</link>
		<comments>https://oficinadamarca.com/blog/a-brief-history-of-flat-design-and-why-does-it-matter/#comments</comments>
		<pubDate>Tue, 25 Mar 2014 11:54:38 +0000</pubDate>
		<dc:creator><![CDATA[Ana Gomes]]></dc:creator>
				<category><![CDATA[Visual Communications]]></category>
		<category><![CDATA[Visual Graphics]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[apple ios 7 flat design]]></category>
		<category><![CDATA[facebook branding flat design]]></category>
		<category><![CDATA[flat design]]></category>
		<category><![CDATA[flat ui color]]></category>
		<category><![CDATA[microsoft metro flat design]]></category>
		<category><![CDATA[minimalism design]]></category>
		<category><![CDATA[swiss art aesthetic]]></category>
		<category><![CDATA[web design trends 2014]]></category>

		<guid isPermaLink="false">http://oficinadamarca.com/blog/?p=563</guid>
		<description><![CDATA[Flat Design has become a popular trend for app and website designs. Love it or hate it, the term &#8220;flat design&#8221; is in every article written regarding the latest web design trends and has come to stay. With major companies like Apple, with the launch of the iOS 7 or Microsoft with Metro, changing their [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>Flat Design has become a popular trend for app and website designs. Love it or hate it, the term &#8220;flat design&#8221; is in every article written regarding the latest web design trends and has come to stay.</p>
<p>With major companies like Apple, with the launch of the iOS 7 or Microsoft with Metro, changing their design aesthetic to that of flat design, this trend has recently become very popular.</p>
<p><a href="http://oficinadamarca.com/blog/a-brief-history-of-flat-design-and-why-does-it-matter/the-importance-of-flat-design-apple-ios-7-flat-interface/" rel="attachment wp-att-565"><img class="alignnone size-full wp-image-565" alt="A briefy history on Flat Design and why its important - Apple IOS 7" src="http://oficinadamarca.com/blog/wp-content/uploads/2014/03/the-importance-of-flat-design-apple-ios-7-flat-interface.jpeg" width="740" height="416" /></a></p>
<p>Above: Apple IOS 7</p>
<p><a href="http://oficinadamarca.com/blog/a-brief-history-of-flat-design-and-why-does-it-matter/the-importance-of-flat-design-windows-metro/" rel="attachment wp-att-566"><img class="alignnone size-full wp-image-566" alt="A briefy history on Flat Design and why its important - Apple IOS 7" src="http://oficinadamarca.com/blog/wp-content/uploads/2014/03/the-importance-of-flat-design-windows-metro.jpg" width="740" height="409" /></a></p>
<p>Above: Microsoft Metro</p>
<p>But where did flat design come from? And why is it important? As with anything, knowing where a style or technique came from and the history behind it can help you make more educated decisions when it comes to the use of it.</p>
<p><strong>What is Flat Design?</strong></p>
<p>&#8220;Flat design&#8221; is mainly the term given to the style of design in which elements lose any type of stylistic characters that make them appear as though they lift off the page.</p>
<p>This means removing stylistic characters such as drop shadows, gradients, textures, and any other type of design that is meant to make the element feel three-dimensional.</p>
<p>Flat Design can create sort of a timeless design because by removing design styles that can easily cause their design to become outdated, designers are “future-proofing” their work so that they become relevant for longer periods of time.</p>
<p><a href="http://oficinadamarca.com/blog/a-brief-history-of-flat-design-and-why-does-it-matter/ios-6-vs-ios-7-design-differences-flat-design/" rel="attachment wp-att-577"><img class="alignnone size-full wp-image-577" alt="iOS-6-vs-iOS-7-design-differences-flat-design" src="http://oficinadamarca.com/blog/wp-content/uploads/2014/03/iOS-6-vs-iOS-7-design-differences-flat-design.jpg" width="740" height="552" /></a></p>
<p>Above: Differences between IOS 6 and IOS 7</p>
<p>Flat design reverts back to the basics of design as a functional tool. A website is designed and judged by how well it works, as opposed to what it looks like.</p>
<p><strong>So where did flat design come from originally?</strong></p>
<p>It&#8217;s difficult to determine the exact start of flat design or where its origins started, but there are a few periods of design and art in which flat design takes inspiration from.</p>
<p><strong><em>Swiss style</em></strong></p>
<p>The Swiss style of design can be traced as far back as the 1920’s in Germany, but it was the Swiss who made it explode in popularity and earned the namesake.</p>
<p>Swiss style embraces simplicity and typography over anything else. Some of it’s fundamentals are the use of a grid system for aligning content, and of course sans serif typefaces.</p>
<p><a href="http://oficinadamarca.com/blog/a-brief-history-of-flat-design-and-why-does-it-matter/the-importance-of-flat-design-swiss-design-aesthetic/" rel="attachment wp-att-568"><img class="alignnone size-full wp-image-568" alt="A briefy history on Flat Design and why its important - Swiss Aesthetic" src="http://oficinadamarca.com/blog/wp-content/uploads/2014/03/the-importance-of-flat-design-swiss-design-aesthetic.jpeg" width="740" height="462" /></a></p>
<p>Speaking of sans serif typefaces, did you know Helvetica font was also invented in Switzerland during the same era (1957), and “Helvetica” means Switzerland in Latin?</p>
<p><strong><em>Minimalist Design</em></strong></p>
<p>Minimalism is known for the act of removing everything in a piece, leaving just the necessary and needed elements. Geometric shapes, few elements, bright colors, and clean lines dominate most minimalism style design.</p>
<p>Meanwhile, the principle of readability comes in together with the minimalist style. With more ‘white-spaces’ (or empty spaces), the text is seen well. Also, the absence of drop shadows, strokes and gradients will ensure the readability of the texts placed within a page.</p>
<p>Facebook is one of the first to adapt the design format. In the past weeks, Facebook has evidently changed their design schemes, allowing users to see simple icons, designs and more eye-friendly visuals. Google has also followed the lead by changing its icons to colorful yet flat images.</p>
<p><a href="http://oficinadamarca.com/blog/a-brief-history-of-flat-design-and-why-does-it-matter/the-importance-of-flat-design-facebook-branding-before-and-after-2/" rel="attachment wp-att-574"><img class="alignnone size-full wp-image-574" alt="A briefy history on Flat Design and why its important - Facebook Flat Redesign" src="http://oficinadamarca.com/blog/wp-content/uploads/2014/03/the-importance-of-flat-design-facebook-branding-before-and-after.jpg" width="740" height="639" /></a></p>
<p><strong>Flat Design in the Web</strong></p>
<p>To design an effective flat site, all design elements must be centered on this idea of simplicity. Everything should be designed with the same goal in mind to create a cohesive visual and functional web design that enriches the content over everything else.</p>
<p>There are many benefits to flat design, such as simplicity and minimalism that makes for a certain ease of use but taking minimalism too far can have serious consequences on usability. Basically, the flat design style is rooted on two principles: simplicity and readability.</p>
<p>Users have come to rely on a lot of subtle clues to make their way through an interface: buttons have slight gradients and rounded corners, form fields have a soft inner shadow, and navigation bars &#8220;float&#8221; over the rest of the content.</p>
<p>Remove all these clues, and you end up with a flat world where every element is suddenly placed at the same level, potentially leading to confusion: Is this really a button?</p>
<p><a href="http://oficinadamarca.com/blog/a-brief-history-of-flat-design-and-why-does-it-matter/the-importance-of-flat-design-flat-ui-colors/" rel="attachment wp-att-569"><img class="alignnone size-full wp-image-569" alt="A briefy history on Flat Design and why its important - Flat UI Colors" src="http://oficinadamarca.com/blog/wp-content/uploads/2014/03/the-importance-of-flat-design-flat-ui-colors.jpeg" width="740" height="370" /></a></p>
<p>Above: Examples of colors used in Flat Design</p>
<p>It is responsibility of designers and web designers to don&#8217;t take this design aesthetic too far and exaggerate its use complicating the experience of the user.</p>
]]></content:encoded>
			<wfw:commentRss>https://oficinadamarca.com/blog/a-brief-history-of-flat-design-and-why-does-it-matter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Branding on the Internet</title>
		<link>https://oficinadamarca.com/blog/branding-on-the-interne/</link>
		<comments>https://oficinadamarca.com/blog/branding-on-the-interne/#comments</comments>
		<pubDate>Wed, 24 Apr 2013 17:59:04 +0000</pubDate>
		<dc:creator><![CDATA[OficinadaMarca]]></dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JAVA]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://oficinadamarca.com/blog/?p=315</guid>
		<description><![CDATA[In a global civilization where technology is becoming available to the majority of people. When nowadays 2.2 billion people are using the Internet Worldwide and the number of users is increasing every day. Websites play an important and vital role in companies. The Internet has completely changed the way we live. Now we are able [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>In a global civilization where technology is becoming available to the majority of people. When nowadays 2.2 billion people are using the Internet Worldwide and the number of users is increasing every day.</p>
<p>Websites play an important and vital role in companies. The Internet has completely changed the way we live. Now we are able to connect across the globe retrieve information and interact immediately through different devices.</p>
<p>I´ll talk about some reasons why is an Website so important and the online presence is an opportunity to grow business increase opportunities and revenue.</p>
<p><strong>Helps to Build your brand.</strong> A Website its an extension and a projection of your Brand Worlwide, it should transmit the values and image of the Brand it represents. The attention to your Website look and feel is as important as the image of your company, it should transmit the right message to your stakeholders. If the message isn´t right for your stakeholders your Website will deliver the opposite of his purpose and it will leave your possible costumers away from your company and products creating a negative image.</p>
<p><b>Cost-effective</b> Websites are the most cost-effective tools available, it will show and inform about your company and products worldwide with little costs, with no limitations of business hours, working days or holydays, it will represent you and your company anytime and anywhere. It increases exposure and visibility on the Web, It will improve your costumer service because costumers will have immediate access to information of your products or services without restrictions of waiting for an e-mail reply or a call from the sales team. It can display your catalogues, brochures and technical information without investing in printed material.</p>
<p><b>Trust </b>An Website will build trust to your business. If a company isn´t online nowadays consumers will find it suspicious, it will create doubt of the products or services that you provide. If they find your company online and get more information of what you´re providing them they´ll feel secure and ultimately they´ll establish a relation to your company. Although many consumers don´t buy online they´ll search more information about the products or services they´re interested in, in this period your company need to pop up in the consumer browser, it has to offer and answer all the question and doubts and help to create the need and desire to buy the product.</p>
<p><b>Share</b> Word to mouth was always the best way of advertising across times. With the increase of social networks a simple click, referral, review or share with other people should establish credibility. You´ll have you´re stakeholders promoting your products or services to their networks increasing brand awareness and generating quality leads and ultimately increase by a large number your sales.</p>
<p>&nbsp;</p>
<p>The question nowadays isn´t if a company needs an Website but how good is your Website and how´s it reaching to your stakeholders maximizing business opportunities and Brand Awareness positioning your business on TOP of your competitors.</p>
]]></content:encoded>
			<wfw:commentRss>https://oficinadamarca.com/blog/branding-on-the-interne/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
