Posted at 00:27h
in
Digital
[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="with_pattern" first_background_color="rgba(101,116,165,0.95)" second_background_type="image" second_background_image="452" second_background_image_size="full" second_background_color="#dae0d0" second_background_repeat="repeat" css=".vc_custom_1582689245564{padding-top: 50px !important;padding-right: 20px !important;padding-bottom: 75px !important;padding-left: 20px !important;}" z_index="" background_color="#dae0d0"][vc_column][vc_row_inner row_type="row" type="grid" text_align="left" css_animation="" second_background_type="image" second_background_image="603" second_background_image_size="medium" second_background_repeat="repeat"][vc_column_inner][vc_empty_space height="125px"][mpc_textblock content_width="100" font_preset="preset_6" font_color="#0a194c" font_size="48" font_line_height="1.4" font_align="left" margin_divider="true" mpc_tooltip__disable="true"]
Purposeful play.
[/mpc_textblock][vc_empty_space height="25px"][mpc_textblock content_width="80" font_preset="preset_8" font_color="#0a194c" font_size="24" font_line_height="1.4" font_align="left" margin_divider="true" mpc_tooltip__disable="true"]
I believe that the act of creating is largely a subconscious process – influenced by intellectual, social and cultural development. Allowing the subconscious to play increases confidence and allows for a flexible mind better at solving problems and negotiating creative conflicts.
Play allows for failure, and failure allows for emotional, rational, and creative growth.
[/mpc_textblock][vc_empty_space height="25px"][mpc_textblock content_width="100" font_preset="preset_8" font_color="#0a194c" font_size="24" font_line_height="1.4" font_align="left" margin_divider="true" mpc_tooltip__disable="true"]
Methods is a tool designed to encourage purposeful play.
[/mpc_textblock][vc_empty_space height="25px"][mpc_icon icon="fa fa-angle-double-right" icon_color="#0a194c" icon_size="18" padding_divider="true" padding_css="padding-left:10px;" margin_divider="true"][mpc_textblock inline="true" font_preset="preset_7" font_color="#0a194c" font_size="16" font_line_height="1.3" font_align="left" margin_divider="true" margin_css="margin-top:5px;" mpc_tooltip__disable="true" animation_in_type="transition.fadeIn" animation_in_offset="100" animation_in_duration="1300" animation_in_delay="0"]
tap here to try it.
[/mpc_textblock][vc_empty_space height="140px"][vc_single_image image="1030" img_size="150x82" alignment="center" qode_css_animation="element_from_bottom" transition_delay="3"][vc_empty_space height="60px"][/vc_column_inner][/vc_row_inner][vc_row_inner row_type="row" type="grid" text_align="left" css_animation="" second_background_type="image" second_background_image="603" second_background_image_size="medium" second_background_repeat="repeat"][vc_column_inner width="2/3"][vc_single_image image="1182" img_size="full" qode_css_animation="element_from_fade" css=".vc_custom_1573518978034{border-top-width: 8px !important;border-right-width: 8px !important;border-bottom-width: 8px !important;border-left-width: 8px !important;border-left-color: #ffffff !important;border-left-style: solid !important;border-right-color: #ffffff !important;border-right-style: solid !important;border-top-color: #ffffff !important;border-top-style: solid !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}"][vc_empty_space height="150px"][vc_single_image image="1182" img_size="full" qode_css_animation="element_from_fade" css=".vc_custom_1573518978034{border-top-width: 8px !important;border-right-width: 8px !important;border-bottom-width: 8px !important;border-left-width: 8px !important;border-left-color: #ffffff !important;border-left-style: solid !important;border-right-color: #ffffff !important;border-right-style: solid !important;border-top-color: #ffffff !important;border-top-style: solid !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}"][vc_empty_space height="30px"][vc_single_image image="1182" img_size="full" qode_css_animation="element_from_fade" css=".vc_custom_1573518978034{border-top-width: 8px !important;border-right-width: 8px !important;border-bottom-width: 8px !important;border-left-width: 8px !important;border-left-color: #ffffff !important;border-left-style: solid !important;border-right-color: #ffffff !important;border-right-style: solid !important;border-top-color: #ffffff !important;border-top-style: solid !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}"][vc_empty_space height="30px"][/vc_column_inner][vc_column_inner width="1/3" enable_sticky="true" sticky_offset="100" animation_in_type="transition.fadeIn" animation_in_offset="100" animation_in_duration="2300" animation_in_delay="250" css=".vc_custom_1593375271024{margin-left: 2em !important;padding-right: 2em !important;padding-bottom: 2em !important;padding-left: 2em !important;background-color: #ffffff !important;}"][mpc_textblock inline="true" font_preset="preset_7" font_color="#868960" font_size="14" font_line_height="1" font_transform="uppercase" margin_divider="true" mpc_tooltip__disable="true"]Project Name[/mpc_textblock][mpc_textblock content_width="100" font_preset="preset_1" margin_divider="true" class="projectlink"]Methods[/mpc_textblock][mpc_textblock content_width="100" font_preset="preset_7" font_size="10" font_transform="uppercase" margin_divider="true" class="projectlink"](Working Title)[/mpc_textblock][vc_empty_space height="10px"][mpc_textblock inline="true" font_preset="preset_7" font_color="#868960" font_size="14" font_line_height="1" font_transform="uppercase" margin_divider="true" mpc_tooltip__disable="true"]Key Details[/mpc_textblock][mpc_textblock inline="true" font_preset="preset_8" font_color="#0a194c" font_size="16" font_line_height="1.4" font_align="left" margin_divider="true" mpc_tooltip__disable="true"]
I believe that creativity is a fundamental by-product of problem solving. By giving designers unlikely paths to follow, Methods strengthens one's ability to create unexpected narratives, while also exploring new graphic forms, techniques and histories of design.
[/mpc_textblock][vc_empty_space height="10px"][mpc_textblock inline="true" font_preset="preset_7" font_color="#868960" font_size="14" font_line_height="1" font_transform="uppercase" margin_divider="true" mpc_tooltip__disable="true"]Technical Details[/mpc_textblock][mpc_textblock content_width="100" font_preset="preset_8" font_color="#0a194c" font_size="16" font_line_height="1.5" font_align="left" margin_divider="true" mpc_tooltip__disable="true"]
The idea for methods is self-generated.
The content is based on observations as well as research from design books.
The site is coded in a combination of html, css, and php and works across screen sizes and devices.
The background is open-sourced, inserted via javascript.
[/mpc_textblock][vc_empty_space height="10px"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern" z_index="" background_color="#c3c9bb"][vc_column][mpc_textblock content_width="100" font_preset="preset_6" font_color="#0a194c" font_size="48" font_line_height="1.4" font_align="center" margin_divider="true" margin_css="margin-top:100px;margin-bottom:15px;" mpc_tooltip__disable="true"]
Constraint Categories
[/mpc_textblock][mpc_textblock content_width="100" font_preset="preset_6" font_color="#0a194c" font_size="24" font_line_height="1.4" font_align="center" margin_divider="true" margin_css="margin-top:15px;margin-bottom:15px;" mpc_tooltip__disable="true"]
These provide the foundation for visual exploration.
[/mpc_textblock][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="left" background_image_as_pattern="without_pattern" z_index="" background_color="#c3c9bb" css=".vc_custom_1593382153019{padding-top: 25px !important;padding-bottom: 50px !important;}" padding_bottom="100px"][vc_column][vc_row_inner row_type="row" type="full_width" text_align="left" css_animation=""][vc_column_inner width="1/4" css=".vc_custom_1593380616743{margin-top: 30% !important;}"][/vc_column_inner][vc_column_inner width="1/2"][mpc_textblock content_width="100" font_preset="preset_6" font_color="#0a194c" font_size="24" font_line_height="1.4" font_align="center" margin_divider="true" margin_css="margin-bottom:1em;" mpc_tooltip__disable="true"]
Essential prompts
[/mpc_textblock][/vc_column_inner][vc_column_inner width="1/4"][/vc_column_inner][/vc_row_inner][vc_row_inner row_type="row" type="full_width" text_align="left" css_animation=""][vc_column_inner width="2/6"][mpc_textblock content_width="100" font_preset="preset_6" font_color="#0a194c" font_size="24" font_line_height="1.4" font_align="center" margin_divider="true" margin_css="margin-bottom:15px;" mpc_tooltip__disable="true"]
Size & Layout
Typography
Imagery
color
Technique
Elements
Materials
[/mpc_textblock][/vc_column_inner][vc_column_inner width="1/6" css=".vc_custom_1593381118789{margin-top: 20px !important;}"][mpc_icon icon="fa fa-angle-double-right" icon_color="#0a194c" icon_size="60" padding_divider="true" padding_css="padding-left:40%;" margin_divider="true" margin_css="margin-top:10px;"][mpc_icon icon="fa fa-angle-double-right" icon_color="#0a194c" icon_size="60" padding_divider="true" padding_css="padding-left:40%;" margin_divider="true" margin_css="margin-top:10px;"][/vc_column_inner][vc_column_inner width="3/6"][mpc_textblock content_width="100" font_preset="preset_8" font_color="#0a194c" font_size="18" font_line_height="1.9" font_transform="none" font_align="left" margin_divider="true" margin_css="margin-bottom:5px;" mpc_tooltip__disable="true"]"is 8.5 by 11"
"uses a typeface that starts with the letter 'M'"
"uses photgraphs taken with a dirty camera phone"
"is composed of four different blues"
"uses pages ripped out of a book you own"
"has fourteen lines"
"combines watercolor with digital techniques"[/mpc_textblock][/vc_column_inner][/vc_row_inner][vc_empty_space height="150px"][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern" z_index="" background_color="#dae0d0"][vc_column][vc_row_inner row_type="row" type="full_width" text_align="left" css_animation="" second_background_type="image" second_background_image="603" second_background_image_size="medium" second_background_repeat="repeat" css=".vc_custom_1573522721676{padding-top: 100px !important;}"][vc_column_inner width="1/2"][mpc_textblock content_width="100" font_preset="preset_6" font_color="#0a194c" font_size="48" font_line_height="1.4" font_align="center" margin_divider="true" margin_css="margin-bottom:15px;" mpc_tooltip__disable="true"]
Method:
[/mpc_textblock][/vc_column_inner][vc_column_inner width="1/2"][mpc_textblock content_width="100" font_preset="preset_6" font_color="#0a194c" font_size="48" font_line_height="1.4" font_align="left" margin_divider="true" margin_css="margin-bottom:15px;" mpc_tooltip__disable="true"]
Outcome:
[/mpc_textblock][/vc_column_inner][/vc_row_inner][vc_row_inner row_type="row" type="grid" text_align="left" css_animation="" second_background_type="image" second_background_image="603" second_background_image_size="medium" second_background_repeat="repeat" padding_bottom="100px"][vc_column_inner width="1/2" css=".vc_custom_1583540237702{margin-top: 20% !important;}"][mpc_textblock content_width="100" font_preset="preset_7" font_size="18" margin_divider="true" class="projectlink"]Design something that:[/mpc_textblock][mpc_textblock content_width="85" font_preset="preset_7" font_color="#0a194c" font_size="18" font_line_height="1.6" font_align="left" margin_divider="true" mpc_tooltip__disable="true" animation_in_type="transition.fadeIn" animation_in_offset="100" animation_in_duration="300" animation_in_delay="150" class="caption"]uses large typography, is made in 15 minutes, and uses type over type.[/mpc_textblock][/vc_column_inner][vc_column_inner width="1/2" enable_sticky="true" sticky_offset="100" css=".vc_custom_1571866959397{padding-right: 20px !important;padding-bottom: 25px !important;padding-left: 20px !important;}"][vc_single_image image="1615" img_size="full" qode_css_animation="element_from_fade" css=".vc_custom_1593739940424{border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;border-left-color: #ffffff !important;border-left-style: solid !important;border-right-color: #ffffff !important;border-right-style: solid !important;border-top-color: #ffffff !important;border-top-style: solid !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}"][/vc_column_inner][/vc_row_inner][vc_single_image image="1030" img_size="150x82" alignment="center" qode_css_animation="" transition_delay="0" css=".vc_custom_1583540157272{margin-top: 125px !important;margin-bottom: 125px !important;}"][vc_row_inner row_type="row" type="grid" text_align="left" css_animation="" second_background_type="image" second_background_image="603" second_background_image_size="medium" second_background_repeat="repeat" padding_bottom="100px"][vc_column_inner width="1/2" css=".vc_custom_1583540196488{margin-top: 20% !important;}"][mpc_textblock content_width="100" font_preset="preset_7" font_size="18" margin_divider="true" class="projectlink"]Design something that:[/mpc_textblock][mpc_textblock content_width="85" font_preset="preset_7" font_color="#0a194c" font_size="18" font_line_height="1.6" font_align="left" margin_divider="true" mpc_tooltip__disable="true" animation_in_type="transition.fadeIn" animation_in_offset="100" animation_in_duration="300" animation_in_delay="150" class="caption"]uses typography clipped out from a photo, emphasizes negative space, and uses a photo of a photo.[/mpc_textblock][/vc_column_inner][vc_column_inner width="1/2" enable_sticky="true" sticky_offset="100" css=".vc_custom_1571866959397{padding-right: 20px !important;padding-bottom: 25px !important;padding-left: 20px !important;}"][vc_single_image image="1616" img_size="full" qode_css_animation="element_from_fade" css=".vc_custom_1593739902267{border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;border-left-color: #ffffff !important;border-left-style: solid !important;border-right-color: #ffffff !important;border-right-style: solid !important;border-top-color: #ffffff !important;border-top-style: solid !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}"][vc_empty_space height="15px"][vc_single_image image="1617" img_size="full" qode_css_animation="element_from_fade" css=".vc_custom_1593739893406{border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;border-left-color: #ffffff !important;border-left-style: solid !important;border-right-color: #ffffff !important;border-right-style: solid !important;border-top-color: #ffffff !important;border-top-style: solid !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}"][vc_empty_space height="15px"][vc_single_image image="1618" img_size="full" qode_css_animation="element_from_fade" css=".vc_custom_1593739881750{border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;border-left-color: #ffffff !important;border-left-style: solid !important;border-right-color: #ffffff !important;border-right-style: solid !important;border-top-color: #ffffff !important;border-top-style: solid !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}"][vc_empty_space height="150px"][/vc_column_inner][/vc_row_inner][vc_single_image image="1030" img_size="150x82" alignment="center" qode_css_animation="" transition_delay="0" css=".vc_custom_1583540157272{margin-top: 125px !important;margin-bottom: 125px !important;}"][vc_row_inner row_type="row" type="grid" text_align="left" css_animation="" second_background_type="image" second_background_image="603" second_background_image_size="medium" second_background_repeat="repeat" padding_bottom="100px"][vc_column_inner width="1/2" css=".vc_custom_1583540225390{margin-top: 20% !important;}"][mpc_textblock content_width="100" font_preset="preset_7" font_size="18" margin_divider="true" class="projectlink"]Design something that:[/mpc_textblock][mpc_textblock content_width="85" font_preset="preset_7" font_color="#0a194c" font_size="18" font_line_height="1.6" font_align="left" margin_divider="true" mpc_tooltip__disable="true" animation_in_type="transition.fadeIn" animation_in_offset="100" animation_in_duration="300" animation_in_delay="150" class="caption"]uses typography clipped out from a photo, emphasizes negative space, and is in the style of Andy Warhol.[/mpc_textblock][/vc_column_inner][vc_column_inner width="1/2" enable_sticky="true" sticky_offset="100" css=".vc_custom_1571866959397{padding-right: 20px !important;padding-bottom: 25px !important;padding-left: 20px !important;}"][vc_single_image image="977" img_size="full" qode_css_animation="element_from_fade" css=".vc_custom_1593739866217{border-top-width: 0px !important;border-top-color: #ffffff !important;border-top-style: solid !important;}"][vc_empty_space height="150px"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="left" background_image_as_pattern="without_pattern" z_index="" css=".vc_custom_1583813650715{background-color: #dae0d0 !important;}"][vc_column][mpc_textblock content_width="100" font_preset="preset_7" margin_divider="true"]View more projects[/mpc_textblock][vc_empty_space height="150px"][/vc_column][/vc_row]...