{"id":2050,"date":"2017-01-21T01:40:01","date_gmt":"2017-01-21T01:40:01","guid":{"rendered":"http:\/\/jeeskdenny.com\/blog\/?p=2050"},"modified":"2017-01-21T01:40:58","modified_gmt":"2017-01-21T01:40:58","slug":"how-to-make-your-design-simple-professional","status":"publish","type":"post","link":"http:\/\/jeeskdenny.com\/blog\/how-to-make-your-design-simple-professional\/","title":{"rendered":"How to make your Design Simple And Professional"},"content":{"rendered":"<p>Designing a website is not a big thing, but there a some factors we should consider to make it look simple and professional. Although, these are not significant factors to be followed. You could use your own unique style and could make it trend, if capable. But if you are a beginner i recommend some factors you should consider.<\/p>\n<p>&nbsp;<\/p>\n<h1>Simplicity<\/h1>\n<p>Simplicity is one of the most important factor you had to consider about. It have to be simple to make it user friendly. You should have to consider all kind of users, that anyone could use the site\u00a0doubtless. People are on your site not to valuate the designing skill you have, but for the piece of information they are looking for. If it looks complicated they would go\u00a0for another source.<\/p>\n<h4>Font<\/h4>\n<ul>\n<li>Choose a font for your site. <strong><em>Stick to one font family<\/em><\/strong> throughout the site. You should consider the curves, strokes and other factors of the font. You could choose\u00a0either <em>plain texts with even stroke width<\/em> or <em>curved texts with thick and thin stroke width<\/em>. Its designer&#8217;s concern.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/font_family-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2056 aligncenter\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/font_family-1.jpg\" alt=\"font_family\" width=\"435\" height=\"273\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/font_family-1.jpg 934w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/font_family-1-300x189.jpg 300w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/font_family-1-768x483.jpg 768w\" sizes=\"auto, (max-width: 435px) 100vw, 435px\" \/><\/a><\/p>\n<ul>\n<li>Another considerable factor is the font size. The font should have to be at a readable size. I prefer choosing font size between <em><strong>15 px &#8211; 25 px<\/strong><\/em>\u00a0is better to make it look readable.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/font_size-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2080\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/font_size-1.jpg\" alt=\"font_size\" width=\"1165\" height=\"635\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/font_size-1.jpg 1165w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/font_size-1-300x164.jpg 300w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/font_size-1-768x419.jpg 768w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/font_size-1-1024x558.jpg 1024w\" sizes=\"auto, (max-width: 1165px) 100vw, 1165px\" \/><\/a><\/p>\n<h4>Consistency<\/h4>\n<p>The site should have to be <strong><em>consistent<\/em><\/strong> throughout. Follow a <strong><em>unique<\/em><\/strong> style.<\/p>\n<p><strong>Headings &amp; Paragraphs<\/strong><\/p>\n<ul>\n<li>Choose\u00a0separate <em>font size<\/em> for headings and paragraphs.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/format-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2063 aligncenter\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/format-1.jpg\" alt=\"format\" width=\"1165\" height=\"562\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/format-1.jpg 1165w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/format-1-300x145.jpg 300w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/format-1-768x370.jpg 768w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/format-1-1024x494.jpg 1024w\" sizes=\"auto, (max-width: 1165px) 100vw, 1165px\" \/><\/a><\/p>\n<ul>\n<li>Use <em>upper case<\/em> and\u00a0<em>lower case<\/em> wisely.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/spacing.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2068\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/spacing.jpg\" alt=\"Lower and Upper case\" width=\"434\" height=\"91\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/spacing.jpg 720w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/spacing-300x63.jpg 300w\" sizes=\"auto, (max-width: 434px) 100vw, 434px\" \/><\/a><\/p>\n<ul>\n<li>Also consider the <em>spacing<\/em> between the lines and within the lines.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/case.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2081 aligncenter\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/case.jpg\" alt=\"spacing\" width=\"1165\" height=\"665\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/case.jpg 1165w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/case-300x171.jpg 300w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/case-768x438.jpg 768w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/case-1024x585.jpg 1024w\" sizes=\"auto, (max-width: 1165px) 100vw, 1165px\" \/><\/a><\/p>\n<ul>\n<li><em>Paragraph width<\/em>\u00a0is also considerable for good reading experience for the user.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/paragraph_width.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2082 aligncenter\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/paragraph_width.jpg\" alt=\"paragraph_width\" width=\"1165\" height=\"632\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/paragraph_width.jpg 1165w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/paragraph_width-300x163.jpg 300w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/paragraph_width-768x417.jpg 768w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/paragraph_width-1024x556.jpg 1024w\" sizes=\"auto, (max-width: 1165px) 100vw, 1165px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Color<\/strong><\/p>\n<p>Choosing the color is also a considerable factor. You don&#8217;t want to make it fancy, so choose a<strong><em> main color<\/em><\/strong>.<\/p>\n<p>Use <em><strong>neutral colors<\/strong><\/em> to <em>separate contents<\/em>. Separating contents is also a good\u00a0exercise to make it catchy.<\/p>\n<p><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/colors.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2083 aligncenter\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/colors.jpg\" alt=\"colors\" width=\"1116\" height=\"509\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/colors.jpg 1116w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/colors-300x137.jpg 300w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/colors-768x350.jpg 768w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/colors-1024x467.jpg 1024w\" sizes=\"auto, (max-width: 1116px) 100vw, 1116px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h1>Professional<\/h1>\n<p>Use simple color contrast and follow uniformity throughout. Try not to make it super fancy.<\/p>\n<h4>Responsive<\/h4>\n<p>We know that now a days we are using mobiles phones and tablets more than PC or laptops. So the screen size is a considered factor. Make it responsive, be sure that your site works good at small screens. See our<a href=\"http:\/\/jeeskdenny.com\/blog\/php-variables\/\"> Responsive Web Designing tips.<\/a><\/p>\n<p><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/responsive.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2084 aligncenter\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/responsive.jpg\" alt=\"responsive\" width=\"1021\" height=\"614\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/responsive.jpg 1021w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/responsive-300x180.jpg 300w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/responsive-768x462.jpg 768w\" sizes=\"auto, (max-width: 1021px) 100vw, 1021px\" \/><\/a><\/p>\n<h4>Favicon<\/h4>\n<p>Choose a good favicon for your site, either your logo or text as you wish. But use simple, and be sure to add one.<\/p>\n<p><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/favicons.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2085 aligncenter\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/favicons.jpg\" alt=\"favicons\" width=\"595\" height=\"207\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/favicons.jpg 595w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/favicons-300x104.jpg 300w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/><\/a><\/p>\n<h4>Logo<\/h4>\n<p>Choose a meaningful logo. Don&#8217;t try to use it every where, it won&#8217;t make it attractive. Consider the header and footer where it should be noticeable.<\/p>\n<h4>Buttons<\/h4>\n<p>Try not to add too many buttons as it would make it complicated. Add hover effects to make user noticeable that it can be clicked. Use simple contrasts for this to look professional.<\/p>\n<p><a class=\"fasc-button fasc-size-medium fasc-type-flat fasc-rounded-medium fasc-ico-before dashicons-admin-home\" style=\"background-color: #62bbde; color: #ffffff;\" href=\"http:\/\/jeeskdenny.com\/blog\/\" target=\"_blank\">Home<\/a>\u00a0\/\u00a0<a class=\"fasc-button fasc-size-medium fasc-type-popout fasc-ico-before dashicons-twitter\" style=\"background-color: #5ebec7; color: #ffffff;\" href=\"\/\/jeeskdenny.com\/blog\/create-image-slide-show-using-html-css\/\">Share<\/a>\u00a0-good<\/p>\n<p><a class=\"fasc-button fasc-size-medium fasc-type-glossy fasc-rounded-medium fasc-ico-before dashicons-hammer\" style=\"background-color: #08eb00; color: #f2e85e;\">Delete<\/a> \/ <a class=\"fasc-button fasc-size-xlarge fasc-type-glossy fasc-ico-before dashicons-admin-post\" style=\"background-color: #f0131a; color: #eb7b7b;\">Submit<\/a>\u00a0-bad<\/p>\n<p>But there is no &#8220;<strong><em>do&#8221;<\/em><\/strong>\u00a0and &#8220;<strong><em>not to do&#8221;<\/em><\/strong> stuff in designing. I just suggest some factors that\u00a0are considerable, but you could try your own unique styles.<\/p>\n<p>thank you!!! Leave suggestions and doubts, have a great day all&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Designing a website is not a big thing, but there a some factors we should consider to make it look<\/p>\n","protected":false},"author":8,"featured_media":2086,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[414,443],"tags":[297,503,504,505,117,362],"class_list":["post-2050","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-uxui","tag-design","tag-designing","tag-guideline","tag-professional","tag-simple","tag-website-design"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/featured-1.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8gP8w-x4","jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/posts\/2050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/comments?post=2050"}],"version-history":[{"count":7,"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/posts\/2050\/revisions"}],"predecessor-version":[{"id":2088,"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/posts\/2050\/revisions\/2088"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/media\/2086"}],"wp:attachment":[{"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/media?parent=2050"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/categories?post=2050"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/tags?post=2050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}