[et_pb_section fb_built=”1″ fullwidth=”on” module_class=”single-post-hero” _builder_version=”3.5.1″ bottom_divider_style=”wave2″ bottom_divider_color=”#ffffff” bottom_divider_height=”60px” bottom_divider_repeat=”2x” bottom_divider_flip=”vertical”][et_pb_fullwidth_post_title meta=”off” featured_placement=”background” text_color=”light” _builder_version=”3.5.1″ title_font=”|700|||||||” title_text_align=”center” title_font_size=”55px” title_font_size_tablet=”40px” title_font_size_phone=”30px” title_font_size_last_edited=”on|desktop” title_line_height=”1.1em” title_line_height_last_edited=”on|phone” title_text_shadow_style=”preset1″ title_text_shadow_blur_strength=”0.21em” title_text_shadow_color=”rgba(12,113,195,0.48)” use_background_color_gradient=”on” background_color_gradient_start=”#0c71c3″ background_color_gradient_end=”rgba(255,0,250,0)” background_color_gradient_overlays_image=”on” text_shadow_style=”preset3″ text_shadow_blur_strength=”1.47em” text_shadow_color=”rgba(0,0,0,0.1)” custom_css_main_element=”height: 70vh;”][/et_pb_fullwidth_post_title][/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|phone” admin_label=”section” _builder_version=”3.0.106″ custom_padding=”50px||0|” custom_padding_tablet=”50px|||” custom_padding_phone=”50px|||”][et_pb_row custom_padding=”0|0px|0|0px” custom_padding_phone=”0px||0px|” custom_margin=”||20px|” custom_padding_last_edited=”on|phone” module_class_2=”comment-section” module_class_3=”share-section” custom_css_main_3=”top: 10px;||position: sticky;” admin_label=”row” _builder_version=”3.3.1″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_post_title featured_image=”off” _builder_version=”3.3.1″ title_font=”|700|||||||” title_line_height=”1.2em” border_width_bottom=”1px” border_color_bottom=”#f3f3f3″ max_width=”70%” max_width_last_edited=”on|phone” module_alignment=”center” custom_margin=”||30px|” custom_padding=”|||”][/et_pb_post_title][et_pb_text _builder_version=”3.8″ header_font=”||||||||” header_2_font=”|||||on|||” header_2_text_align=”center” header_3_font=”||||||||” header_3_text_align=”center” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”70%” max_width_last_edited=”on|phone” module_alignment=”center” custom_padding=”|||” custom_padding_tablet=”|0px||0px” custom_padding_last_edited=”on|phone”]After a review of various articles on design trends for 2018, there are a few common elements that are worthy of knowing. These are the top trending details that will have your web design standing out as one of the forerunners. The impact of each of these features will increase the effectiveness of your design to attract and reach more people.
[/et_pb_text][et_pb_text _builder_version=”3.3.1″ header_font=”||||||||” header_2_font=”|||||on|||” header_2_text_align=”center” header_2_font_size_phone=”24px” header_2_font_size_last_edited=”on|phone” header_3_font=”||||||||” header_3_text_align=”center” header_3_font_size=”24px” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”70%” max_width_last_edited=”on|phone” module_alignment=”center” custom_padding=”10px|||” custom_padding_tablet=”|0px||0px” custom_padding_last_edited=”on|desktop”]
Here are five notable design trends for this year:
[/et_pb_text][et_pb_text _builder_version=”3.11″ header_font=”||||||||” header_2_font=”|300|||||||” header_2_text_color=”#555555″ header_2_font_size=”50px” header_2_font_size_phone=”40px” header_2_font_size_last_edited=”on|phone” header_3_font=”|700||||on|||” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”70%” max_width_last_edited=”on|tablet” module_alignment=”center” custom_margin=”|||” custom_padding=”|||” custom_padding_tablet=”|0px||0px” custom_padding_last_edited=”on|phone”]
//01
Vibrant & Bright Colors / Gradients
As colors are getting more vivid and courageous thanks to devices that are more supportive now, gradients are continuing to evolve. Gradients have made a comeback in recent years and it looks like they will stay – being utilized in typography, logos, user interfaces, etc. One of the newest innovations with gradients is the use of bright and vivid colors in combination with a variety of textures. This greatly increases the amount of versatility and ability to create a unique design. Gradients 2.0 will also include duotone effects for even more impact.
Given the ever-growing demand for the design that stands out, wide color ranges and gradients will continue their trend in 2018.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”27px|0px|40px|0px|false|false” _builder_version=”3.3.1″][et_pb_column type=”1_2″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/01-gradients.jpg” _builder_version=”3.3.1″ box_shadow_style=”preset1″ box_shadow_vertical=”0px” box_shadow_blur=”20px” box_shadow_spread=”2px” custom_margin=”||5px|”][/et_pb_image][et_pb_button button_url=”http://elje-group.com/” url_new_window=”on” button_text=”Elje Group” button_alignment=”center” _builder_version=”3.16″ custom_button=”on” button_text_size=”14px” button_text_color=”#999999″ button_border_width=”0px” button_border_radius=”0px” button_font=”|300|on|||||#999999|dotted” button_use_icon=”off” custom_padding=”0px|0px|0px|0px” custom_css_main_element=”text-decoration: underline;” button_text_color_hover=”#555555″ button_bg_color_hover=”rgba(0,0,0,0)” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#555555″ button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”on” button_bg_color__hover=”rgba(0,0,0,0)” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/01-gradients-2.jpg” _builder_version=”3.11″ box_shadow_style=”preset1″ box_shadow_vertical=”0px” box_shadow_blur=”20px” box_shadow_spread=”2px” custom_margin=”50px||0px|”][/et_pb_image][et_pb_button button_url=”https://stripe.com/” url_new_window=”on” button_text=”Stripe” button_alignment=”center” _builder_version=”3.16″ custom_button=”on” button_text_size=”14px” button_text_color=”#999999″ button_border_width=”0px” button_border_radius=”0px” button_font=”|300|on|||||#999999|dotted” button_use_icon=”off” custom_padding=”0px|0px|0px|0px” custom_css_main_element=”text-decoration: underline;” button_text_color_hover=”#555555″ button_bg_color_hover=”rgba(0,0,0,0)” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#555555″ button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”on” button_bg_color__hover=”rgba(0,0,0,0)” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][/et_pb_row][et_pb_row use_custom_width=”on” width_unit=”off” custom_width_percent=”60%” use_custom_gutter=”on” custom_padding=”27px|0px|80px|0px|false|false” _builder_version=”3.3.1″][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/01-gradients-3.jpg” _builder_version=”3.3.1″ box_shadow_style=”preset1″ box_shadow_vertical=”0px” box_shadow_blur=”20px” box_shadow_spread=”2px” custom_margin=”100px||5px|” custom_margin_tablet=”0px|||” custom_margin_last_edited=”on|tablet”][/et_pb_image][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/01-gradients-4.jpg” _builder_version=”3.3.1″ box_shadow_style=”preset1″ box_shadow_vertical=”0px” box_shadow_blur=”20px” box_shadow_spread=”2px” custom_margin=”0px||5px|”][/et_pb_image][et_pb_button button_url=”http://www.magdiellopez.com/” url_new_window=”on” button_text=”Magdiel Lopez” button_alignment=”center” _builder_version=”3.16″ custom_button=”on” button_text_size=”14px” button_text_color=”#999999″ button_border_width=”0px” button_border_radius=”0px” button_font=”|300|on|||||#999999|dotted” button_use_icon=”off” custom_padding=”0px|0px|0px|0px” custom_css_main_element=”text-decoration: underline;” button_text_color_hover=”#555555″ button_bg_color_hover=”rgba(0,0,0,0)” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#555555″ button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”on” button_bg_color__hover=”rgba(0,0,0,0)” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/01-gradients-5.jpg” _builder_version=”3.3.1″ box_shadow_style=”preset1″ box_shadow_vertical=”0px” box_shadow_blur=”20px” box_shadow_spread=”2px” custom_margin=”50px||5px|” custom_margin_tablet=”0px|||” custom_margin_last_edited=”on|tablet”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”0|0px|0|0px” custom_padding_phone=”0px||0px|” custom_margin=”||20px|” custom_padding_last_edited=”on|phone” module_class_2=”comment-section” module_class_3=”share-section” custom_css_main_3=”top: 10px;||position: sticky;” admin_label=”row” _builder_version=”3.3.1″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_text _builder_version=”3.11″ header_font=”||||||||” header_2_font=”|300|||||||” header_2_text_color=”#555555″ header_2_font_size=”50px” header_2_font_size_tablet=”30px” header_2_font_size_last_edited=”on|phone” header_3_font=”|700||||on|||” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”70%” max_width_last_edited=”on|phone” module_alignment=”center” custom_padding=”|||” custom_padding_tablet=”|0px||0px” custom_padding_last_edited=”on|phone”]
//02
Responsive Logos
Responsive logos are those which are adjusted to suit the device in use without losing the integrity of the logo in any way. They have become increasingly important in a world ruled by mobile devices. A brand must be able to present itself regardless of dimensions and spaces. It will no longer be sufficient to create one logo and scale it down with changing screen sizes. Logos are becoming adaptive, containing several versions for mobile, tablet, desktop devices, and beyond. Much like the responsive web design that rose to the forefront several years ago, responsive logos are now a ‘must’ for professional, effective design.[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”27px|0px|40px|0px|false|false” _builder_version=”3.3.1″][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/responsive-logos-06.jpg” align=”center” _builder_version=”3.3.1″ box_shadow_style=”preset1″ box_shadow_vertical=”0px” box_shadow_blur=”20px” box_shadow_spread=”2px” max_width=”80%” max_width_last_edited=”on|phone” module_alignment=”center” custom_margin=”||5px|”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row use_custom_width=”on” width_unit=”off” custom_width_percent=”55%” use_custom_gutter=”on” gutter_width=”1″ custom_padding=”0|0px|80px|0px|false|false” _builder_version=”3.3.1″][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/responsive-logos-03.gif” _builder_version=”3.3.1″][/et_pb_image][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/responsive-logos-02.gif” _builder_version=”3.3.1″][/et_pb_image][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/responsive-logos-05.gif” _builder_version=”3.3.1″][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”0|0px|0|0px” custom_padding_phone=”0px||0px|” custom_margin=”||47px|” custom_padding_last_edited=”on|phone” module_class_2=”comment-section” module_class_3=”share-section” custom_css_main_3=”top: 10px;||position: sticky;” admin_label=”row” _builder_version=”3.3.1″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_text _builder_version=”3.3.1″ header_font=”||||||||” header_2_font=”|300|||||||” header_2_text_color=”#555555″ header_2_font_size=”50px” header_2_font_size_phone=”40px” header_2_font_size_last_edited=”on|tablet” header_3_font=”|700||||on|||” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”70%” max_width_last_edited=”on|phone” module_alignment=”center” custom_padding=”|||” custom_padding_tablet=”|0px||0px” custom_padding_last_edited=”on|phone”]
//03
Micro-Interaction Animations
Animation has been utilized to grab users’ attention for a number of years now. Due to the never-ceasing development in mobile apps, users expect to see the same effects in web design. Every time you ‘like’ something on Facebook or swipe on mobile apps, you are engaging with micro-interactions. And they are quite effective, considering that their goal is to engage the user and guarantee a dynamic user experience.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”1″ custom_padding=”0px||0||false|false” custom_margin=”0px||0px|” _builder_version=”3.3.1″ box_shadow_style=”preset1″ box_shadow_vertical=”0px” box_shadow_blur=”20px” box_shadow_spread=”2px”][et_pb_column type=”1_2″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/03-micro-interactions-6.gif” _builder_version=”3.3.1″ custom_margin=”|||”][/et_pb_image][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/03-micro-interactions-7.gif” _builder_version=”3.3.1″ custom_margin=”0px||0px|” custom_padding=”0px||0px|”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”1″ custom_padding=”10px|||” custom_margin=”|||” _builder_version=”3.3.1″][et_pb_column type=”1_2″ _builder_version=”3.0.47″][et_pb_button button_url=”https://dribbble.com/shots/2886526-Brewskies-v2″ url_new_window=”on” button_text=”Kevin Yang” button_alignment=”center” _builder_version=”3.16″ custom_button=”on” button_text_size=”14px” button_text_color=”#999999″ button_border_width=”0px” button_border_radius=”0px” button_font=”|300|on|||||#999999|dotted” button_use_icon=”off” custom_padding=”0px|0px|0px|0px” custom_css_main_element=”text-decoration: underline;” button_text_color_hover=”#555555″ button_bg_color_hover=”rgba(0,0,0,0)” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#555555″ button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”on” button_bg_color__hover=”rgba(0,0,0,0)” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.0.47″][et_pb_button button_url=”https://dribbble.com/shots/4031632-Gesichtspunkt” url_new_window=”on” button_text=”Alim Maasoglu” button_alignment=”center” _builder_version=”3.16″ custom_button=”on” button_text_size=”14px” button_text_color=”#999999″ button_border_width=”0px” button_border_radius=”0px” button_font=”|300|on|||||#999999|dotted” button_use_icon=”off” custom_padding=”0px|0px|0px|0px” custom_css_main_element=”text-decoration: underline;” button_text_color_hover=”#555555″ button_bg_color_hover=”rgba(0,0,0,0)” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#555555″ button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”on” button_bg_color__hover=”rgba(0,0,0,0)” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”27px|0px|80px|0px|false|false” _builder_version=”3.3.1″][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/03-micro-interactions-4.gif” align=”center” _builder_version=”3.3.1″ box_shadow_style=”preset1″ box_shadow_vertical=”0px” box_shadow_blur=”20px” box_shadow_spread=”2px” max_width=”80%” max_width_last_edited=”on|tablet” module_alignment=”center” custom_margin=”||5px|”][/et_pb_image][et_pb_button button_url=”https://www.behance.net/gallery/55804509/Unight” url_new_window=”on” button_text=”Unight” button_alignment=”center” _builder_version=”3.16″ custom_button=”on” button_text_size=”14px” button_text_color=”#999999″ button_border_width=”0px” button_border_radius=”0px” button_font=”|300|on|||||#999999|dotted” button_use_icon=”off” custom_margin=”10px|||” custom_padding=”0px|0px|0px|0px” custom_css_main_element=”text-decoration: underline;” button_text_color_hover=”#555555″ button_bg_color_hover=”rgba(0,0,0,0)” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#555555″ button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”on” button_bg_color__hover=”rgba(0,0,0,0)” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”0|0px|0|0px” custom_padding_phone=”0px||0px|” custom_margin=”||20px|” custom_padding_last_edited=”on|phone” module_class_2=”comment-section” module_class_3=”share-section” custom_css_main_3=”top: 10px;||position: sticky;” admin_label=”row” _builder_version=”3.3.1″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_text _builder_version=”3.3.1″ header_font=”||||||||” header_2_font=”|300|||||||” header_2_text_color=”#555555″ header_2_font_size=”50px” header_2_font_size_phone=”40px” header_2_font_size_last_edited=”on|phone” header_3_font=”|700||||on|||” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”70%” max_width_last_edited=”on|tablet” module_alignment=”center” custom_padding=”|||” custom_padding_tablet=”|0px||0px” custom_padding_last_edited=”on|phone”]
//04
Negative / White Space
Negative space, or more commonly known as white space, has continued to prove itself as a versatile and capable art form. This is the deliberate use of empty or ‘white’ space in the design to balance the overall weight and give the content more impact. There is much likelihood that this trend will continue for a number of years. The benefit is that it gives designs the much-needed ‘leg room’ and breathing space so viewers don’t feel overwhelmed by the tons of information it could have contained. It presents a more contemporary and sleeker look. Viewers are left with the main attraction and the content of the material is received with clarity.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”0|0px|80px|0px|false|false” _builder_version=”3.3.1″][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/04-white-space.jpg” align=”center” _builder_version=”3.3.1″ max_width=”90%” max_width_last_edited=”on|tablet” module_alignment=”center” custom_margin=”||0px|” custom_padding=”||0px|”][/et_pb_image][et_pb_button button_url=”https://www.behance.net/gallery/58768309/Creative-case” url_new_window=”on” button_text=”Creative Case” button_alignment=”center” _builder_version=”3.16″ custom_button=”on” button_text_size=”14px” button_text_color=”#999999″ button_border_width=”0px” button_border_radius=”0px” button_font=”|300|on|||||#999999|dotted” button_use_icon=”off” custom_margin=”0px|||” custom_padding=”0px|0px|0px|0px” custom_css_main_element=”text-decoration: underline;” button_text_color_hover=”#555555″ button_bg_color_hover=”rgba(0,0,0,0)” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#555555″ button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”on” button_bg_color__hover=”rgba(0,0,0,0)” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/04-white-space-2.jpg” align=”center” _builder_version=”3.3.1″ box_shadow_style=”preset1″ box_shadow_vertical=”0px” box_shadow_blur=”20px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.1)” max_width=”70%” max_width_last_edited=”on|tablet” module_alignment=”center” custom_margin=”||10px|”][/et_pb_image][et_pb_button button_url=”https://www.behance.net/gallery/59254379/Nona-Home-E-commerce-Website” url_new_window=”on” button_text=”Nona Home E-commerce Website” button_alignment=”center” _builder_version=”3.16″ custom_button=”on” button_text_size=”14px” button_text_color=”#999999″ button_border_width=”0px” button_border_radius=”0px” button_font=”|300|on|||||#999999|dotted” button_use_icon=”off” custom_margin=”|||” custom_padding=”0px|0px|0px|0px” custom_css_main_element=”text-decoration: underline;” button_text_color_hover=”#555555″ button_bg_color_hover=”rgba(0,0,0,0)” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#555555″ button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”on” button_bg_color__hover=”rgba(0,0,0,0)” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”0|0px|0|0px” custom_padding_phone=”0px||0px|” custom_margin=”||20px|” custom_padding_last_edited=”on|phone” module_class_2=”comment-section” module_class_3=”share-section” custom_css_main_3=”top: 10px;||position: sticky;” admin_label=”row” _builder_version=”3.3.1″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_text _builder_version=”3.3.1″ header_font=”||||||||” header_2_font=”|300|||||||” header_2_text_color=”#555555″ header_2_font_size=”50px” header_2_font_size_phone=”40px” header_2_font_size_last_edited=”on|phone” header_3_font=”|700||||on|||” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”70%” max_width_last_edited=”on|phone” module_alignment=”center” custom_padding=”|||” custom_padding_tablet=”|0px||0px” custom_padding_last_edited=”on|phone”]
//05
Semi-Flat Design
The technique of adding depth to flat minimal design by using a little bit of shadowing is used to give objects the appearance of a multi-dimensional space that looks more true to life. This effect can also be enhanced by having the objects separated in different layers and adding the interaction of sharpness and blurriness in combination. While this is not 3D imaging, it does give the perception of more dimension to the design – which created a more dynamic overall image in the design.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”27px|0px|40px|0px|false|false” _builder_version=”3.3.1″][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/05-semi-flat.png” _builder_version=”3.3.1″ box_shadow_style=”preset1″ box_shadow_vertical=”0px” box_shadow_blur=”20px” box_shadow_spread=”2px” custom_margin=”||5px|”][/et_pb_image][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/05-semi-flat-3.gif” _builder_version=”3.3.1″ box_shadow_style=”preset1″ box_shadow_vertical=”0px” box_shadow_blur=”20px” box_shadow_spread=”2px” custom_margin=”50px||10px|”][/et_pb_image][et_pb_button button_url=”https://dribbble.com/shots/2518516-Nike-Promotion-Ads-Parallax-Effect” url_new_window=”on” button_text=”Nike Promotion Ads” button_alignment=”center” _builder_version=”3.16″ custom_button=”on” button_text_size=”14px” button_text_color=”#999999″ button_border_width=”0px” button_border_radius=”0px” button_font=”|300|on|||||#999999|dotted” button_use_icon=”off” custom_padding=”0px|0px|0px|0px” custom_css_main_element=”text-decoration: underline;” button_text_color_hover=”#555555″ button_bg_color_hover=”rgba(0,0,0,0)” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#555555″ button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”on” button_bg_color__hover=”rgba(0,0,0,0)” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/05-semi-flat-2.png” _builder_version=”3.3.1″ box_shadow_style=”preset1″ box_shadow_vertical=”0px” box_shadow_blur=”20px” box_shadow_spread=”2px” custom_margin=”||5px|”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”0|0px|80px|0px” custom_padding_phone=”0px||0px|” custom_padding_last_edited=”on|desktop” module_class_2=”comment-section” module_class_3=”share-section” custom_css_main_3=”top: 10px;||position: sticky;” admin_label=”row” _builder_version=”3.3.1″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_image src=”https://graphem.com/wp-content/uploads/2018/05/05-semi-flat-4.png” align=”center” _builder_version=”3.3.1″ box_shadow_style=”preset1″ box_shadow_vertical=”0px” box_shadow_blur=”20px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.1)” max_width=”70%” max_width_last_edited=”on|phone” module_alignment=”center” custom_margin=”||10px|”][/et_pb_image][et_pb_button button_url=”https://dribbble.com/shots/4028984-Something” url_new_window=”on” button_text=”ididi” button_alignment=”center” _builder_version=”3.16″ custom_button=”on” button_text_size=”14px” button_text_color=”#999999″ button_border_width=”0px” button_border_radius=”0px” button_font=”|300|on|||||#999999|dotted” button_use_icon=”off” custom_padding=”0px|0px|0px|0px” custom_css_main_element=”text-decoration: underline;” button_text_color_hover=”#555555″ button_bg_color_hover=”rgba(0,0,0,0)” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#555555″ button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”on” button_bg_color__hover=”rgba(0,0,0,0)” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”0|0px|0|0px” custom_padding_phone=”0px||0px|” custom_padding_last_edited=”on|phone” module_class_2=”comment-section” module_class_3=”share-section” custom_css_main_3=”top: 10px;||position: sticky;” admin_label=”row” _builder_version=”3.0.106″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_text _builder_version=”3.3.1″ header_font=”||||||||” header_2_font=”|300|||||||” header_2_text_color=”#555555″ header_2_font_size=”50px” header_3_font=”|700||||on|||” background_size=”initial” background_position=”top_left” background_repeat=”repeat” max_width=”70%” max_width_last_edited=”on|phone” module_alignment=”center” custom_padding=”|||” custom_padding_tablet=”|0px||0px” custom_padding_last_edited=”on|phone”]These five trending design elements can be valuable contributions to a professional, effective and pleasing design. Incorporating these can greatly improve the overall impression and experience and thusly increase the connection with your potential clients. They will also set your design apart as one of the on-trend, forward-looking web designs that represent a truly current and professional site.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”3.0.106″ custom_padding=”0px|0px|20px|0px”][et_pb_row module_class_2=”next-prev-section” module_class=”next-prev-section” _builder_version=”3.5.1″ border_color_top=”rgba(0,0,0,0.3)”][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_divider color=”rgba(0,0,0,0.3)” _builder_version=”3.3.1″ max_width=”70%” max_width_last_edited=”on|phone” module_alignment=”center” custom_margin=”||0px|” custom_padding=”||0px|”][/et_pb_divider][et_pb_post_nav prev_text=”%title” next_text=”%title” _builder_version=”3.3.1″ title_font=”|700|||||||” title_text_color=”#0C71C3″ title_font_size=”18px” max_width=”70%” max_width_last_edited=”on|phone” module_alignment=”center”][/et_pb_post_nav][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ disabled_on=”on|on|on” _builder_version=”3.19.13″ background_color=”#fafafa” custom_padding=”25px|0px|0|0px” disabled=”on”][et_pb_row custom_padding=”27px|0px|0|0px” module_class_2=”comment-section” _builder_version=”3.0.106″][et_pb_column type=”4_4″ _builder_version=”3.0.47″][et_pb_comments form_background_color=”#ffffff” _builder_version=”3.19″ body_font=”||||||||” form_field_font=”||||||||” custom_button=”on” button_text_size=”15px” button_text_color=”#000000″ button_bg_color=”#ffbf41″ button_border_color=”#ffbf41″ button_border_radius=”83px” button_font=”||||||||” button_use_icon=”off” max_width=”70%” module_alignment=”center” custom_css_main_header=”font-size: 16px;||font-weight: 700;||border-bottom: 1px solid #e7e7e7;||margin-bottom: 20px;” custom_css_comment_body=”padding-bottom: 0;||border-bottom: 1px solid #e7e7e7;” custom_css_reply_button=”border: none;||border-radius: 0 !important;||padding: 2px 0 2px 10px !important;||font-weight: 400 !important;||background: #fafafa !important;” custom_css_submit_button=”padding: 5px 30px !important;||color: black !important;” button_text_color_hover=”#000000″ button_border_color_hover=”#e8ab3a” button_bg_color_hover=”#e8ab3a” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#000000″ button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”on” button_border_color__hover=”#e8ab3a” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”on” button_bg_color__hover=”#e8ab3a” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_comments][/et_pb_column][/et_pb_row][/et_pb_section]
