dfrostNid / Dfrost-2018

MIT License
0 stars 0 forks source link

dfrost-2018 team #1

Open dfrostNid opened 6 years ago

dfrostNid commented 6 years ago

2016 Website: https://web.archive.org/web/20160407113429/http://www.dfrostnid.com/#schedule 2017 Website: https://dfrostnid.github.io/dfrost2017/#/hello/

2018 Theme: Pixel by pixel

Deadlines & Deliverables: 26th Feb: Countdown website 5th March: Final Registration website 14th March: Edits to website stop

Teams: Countdown Website Team : Kiran, Prabhat, Preetham + design suggestions from rest Main Website Design Team: Hardik, Chanchal, Brian, Sonima + suggestions from above team

Countdown Website Content:

Website blurb DFrost, the annual design and cultural festival hosted by the National Institute of Design R&D Campus, Bangalore is back with a pixel perfect show. This melting pot of immense learning, unbound creativity, and endless fun aims to create a platform where multiple disciplines engage and collaborate. This year, we explore the very basic units that come together to deliver a fascinating experience. We explore how a million little ideas build up to something that changes the world. For, as we know, the journey of a thousand colours begins with a single pixel.

Join us, as we build our beautiful design world, pixel by pixel!

About NID National Institute of Design is India’s premier design institution, established in 1961. It is internationally acclaimed as one of the finest educational and research institutions for Industrial, Communication, Textile and IT Integrated (Experiential) Design. The Business Week, USA has listed NID as one of the top 25 European & Asian programmes in the world. It is an autonomous institution under the aegis of the Ministry of Commerce and Industry, Government of India. NID has been declared ‘Institution of National Importance’ by the Act of Parliament, by virtue of the National Institute of Design Act 2014.

NID's Research & Development Campus, Bangalore addresses the immediate need for an exclusive Design Research centre in the country, by fostering the creative design spirit and sighting new opportunities and frontiers through NID's design acumen nurtured over the four decades of intense teaching-learning process.

prabhat-we commented 6 years ago

JavaScript pro anyone?

holy-devil commented 6 years ago

Few inspirations: pixel art: http://thatsthefinger.com/ pixel block reveal: http://hailoverman.com/ chakkradene wala website: http://www.staggeringbeauty.com/

inspirations for web navigations: https://www.milwaukeeballet.org/ https://www.bildwerk.tv/ https://rewind2017.withyoutube.com/ (travelling in pixel world) image

https://weareludwig.com/ image

please ping concept references in form of website, videos, images, sketches, anything at all

IllusionInk commented 6 years ago
screenshot 2018-02-21 15 20 54 screenshot 2018-02-21 15 21 45 screenshot 2018-02-21 15 22 29

8 bit art generator https://make8bitart.com/

IllusionInk commented 6 years ago

A library worth checking for pixel like interactions on the web-site https://googlecreativelab.github.io/anypixel/

IllusionInk commented 6 years ago

Current website schema - green ones (not featured on menu bar), blue ones (featured on menu bar) Can think of how to combine these elements further, if possible. Its a nice one-pager website currently. :)

PS: - Also Site Footer , with media handles

dfrost_website

IllusionInk commented 6 years ago

Visual References Glitch + pixel + isometric https://dribbble.com/shots/2906161-Glitchin-Madness Big Shape made from random pixels (smaller shapes) https://dribbble.com/shots/3170249-Mountain texture on the 404 text: https://www.awwwards.com/sites/404 Hero Image distortion https://dribbble.com/shots/3651444-Experimental-Fashion-Concept/attachments/815882

B'Cause some glitch ain't bad Slightly inline with last year though :| https://dribbble.com/shots/3665434-CMD-promo-website Coming forth from glitch https://dribbble.com/shots/3548426-Ain-t-Bad Coming forth from glitch2 https://dribbble.com/shots/2970453-Portfolio-preview Glitch transition in sections https://dribbble.com/shots/4030353-The-North-Face-x-Extra-Butter-Glitch-Digital-Lookbook Glitch Effects https://dribbble.com/shots/2493835-GFORIT

pkd2512 commented 6 years ago

Some demo of CSS glitch effects, can be modified to show pixelation https://tympanus.net/Tutorials/CSSGlitchEffect/index3.html

dfrostNid commented 6 years ago

Graphic Reference: https://www.behance.net/gallery/55820141/Grooveat More reference: https://www.behance.net/gallery/59752143/Design-Trends-2018 Typeface: Uni Sans

dfrostNid commented 6 years ago

WIP website: https://dfrostnid.github.io/Dfrost-2018/

IllusionInk commented 6 years ago

Graphic Referrnces https://www.behance.net/gallery/62138673/DiftCo-Manifesto