تاریخچه طراحی وب

طراحی وب از زمان آغاز به کار اینترنت راه درازی را طی کرده‌ است از رابط‌های متنی دهه ۸۰ و طرح‌های بلوکی دهه ۹۰ گرفته تا "وبلاگ‌های پر زرق و برق" (‏یا همان بلاگها)‏در اوایل دهه ۰۰، ما شاهد تکرارهای زیادی از وب سایت‌ها در طول ۳۰سال گذشته بوده‌ایم.در حالی که نگاه کردن به این وب سایت‌های قدیمی و تعجب از این که " آن‌ها به چه چیزی فکر می‌کردند، می‌تواند خنده‌دار باشد؟با الهام گرفتن از وب سایت‌های قدیمی، همه چیزهای قدیمی می‌توانند جدید باشند. ​

در اینجا ما به بررسی چگونگی تغییر طراحی وب در طول چند سال گذشته و چگونگی تکامل آن می‌پردازیم.چه شما برای اولین بار سفری نوستالژیک در مسیر حافظه داشته باشید و چه در مورد جدول زمانی آن، تاریخ طراحی وب را بخوانید. ​

اواخر دهه ۸۰ - دوران تاریک طراحی

باور بر این است که مفهوم "شبکه گسترده جهانی" به سال ۱۹۴۶باز می‌گردد، زمانی که برای اولین بار در یک داستان کوتاه توسط مورای لستینر توصیف شد.با این حال، اختراع رسمی آن (‏البته تصادفی)‏در سال ۱۹۸۹به فیزیکدان تیم برنرز - لی نسبت داده شد.او در حین ایجاد یک پایگاه‌داده از نرم‌افزار برای یک مشتری، از ابرمتن برای ایجاد یک نمایه از صفحات در سیستم استفاده کرد.این در نهایت به چیزی تبدیل شد که ما اکنون به عنوان صفحات وب می‌شناسیم. ​

این دوره از طراحی وب به عنوان عصرهای تاریک شناخته می‌شد، همانطور که طراحان بر روی صفحات سیاه با پیکسل ها کار می‌کردند.نشانه‌ها از نمادها و جدول‌بندی (‏که به عنوان کلید TABنیز شناخته می‌شود)‏ساخته شده‌اند، همانطور که می‌توانید در این مدل ببینید که گوگل در دهه ۸۰چه شکلی بود.

Via Geeky Gadgets
Via Geeky Gadgets


در حالی که ممکن است این تکرار طراحی وب را ابتدایی ببینیم، بسیاری از طراحان هنوز هم از زیبایی‌شناسی پست‌مدرن دهه ۸۰ الهام می‌گیرند.در دریایی از وب سایت‌های فوق مدرن، این طرح طراحی وب با پس‌زمینه، شمایل‌ها و متن بلوکی برجسته می‌شود. ​

Via Inspiration Feed
Via Inspiration Feed

۱۹۹۱ - اولین صفحه وب

خیلی سخت نیست که ببینیم چرا برنرز - لی به عنوان رئیس طراحی وب در نظر گرفته می‌شود - آن مرد مشغول بود!او در ۶اوت ۱۹۹۱اولین صفحه وب جهان را با کمک تیمش راه‌اندازی کرد.بر روی یک کامپیوتر NeXT در سازمان تحقیقات هسته‌ای اروپا، سرن، این یک صفحه ساده بود که حاوی اطلاعاتی در مورد شبکه گسترده جهانی بود.

Via Use Of Technology
Via Use Of Technology


این پیشرفت، مسیری را برای طراحان وب ایجاد کرد که عمدتا با جداول HTMLکار می‌کردند تا محتوا را به صورت افقی و عمودی سازماندهی کنند.اینها صفحات فقط متنی بودند، عاری از هر یک از عناصر بصری که ما با صفحات وب مدرن مرتبط می‌کنیم.

۱۹۹۲ - اولین عکس در اینترنت

مدت‌ها قبل از اینکه افراد مشهور "اینترنت را شکستند" یا الگوهای رفتاری ویروسی، یک تصویر به ظاهر دنیوی همه چیز را شروع کرد. در سال ۱۹۹۲، گروه پاپ پارودی لس هورریبلز سرنت موضوع اولین عکس در اینترنت شد. هنگامی که برنرز لی یک به روز رسانی از مرورگر خود را ارائه داد که می‌توانست عکس‌ها را پشتیبانی کند، تیم او آن را از این تصویر گرفته‌شده از پشت صحنه باند توسط یک توسعه دهنده فن‌آوری اطلاعات آزمایش کرد. ​

Via Business Insider
Via Business Insider


بعد از آن، خیلی طول نکشید تا تصاویر به یک جنبه ضروری از طراحی وب در دهه ۹۰ و فراتر از آن تبدیل شوند. اکنون، تصور اینترنت بدون عکس سخت است، چون آن‌ها نقش‌های زیادی از گفتن داستان، اضافه کردن زمینه و کمک به زیبایی‌شناسی کلی بازی می‌کنند. ​

۱۹۹۴ - اولین صفحه وب

دو سال بعد، اینترنت انتقال خود به نیروگاه تجاری امروز را آغاز کرد.اولین بنر تبلیغاتی در سال ۱۹۹۴ توسط شرکت فن‌آوری "ای تی" در "هات ویرد دات کام" خریداری شد.این آگهی توسط ۴۴ % از افرادی که آن را دیدند، کلیک شد و یک همهمه غیرقابل‌انکار در میان تبلیغ کنندگان و مصرف کنندگان ایجاد کرد. ​

از آن لحظه به بعد، بنرهای وب "رو در رو" مانند این روند محبوب در طراحی وب ۹۰شد.این امر نه تنها برای تبلیغات، بلکه برای بنرهای پرزرق و برقی نیز به کار گرفته شد که از کاربران جدید در سایت استقبال کردند. ​

Via GHW Swiss
Via GHW Swiss

در سال‌های اخیر، شاهد کاهش تبلیغات بنرهای وب بوده‌ایم و بسیاری از مصرف کنندگان نرم‌افزارهای مسدودکننده را برای جلوگیری از کلیک کردن بر روی آن‌ها دانلود کرده‌اند.با این حال، بنرهای وب همچنان در طراحی مدرن کاربرد دارند، چون راهی عالی برای ادغام یکپارچه لوگوی شما در طرح کلی شما هستند. ​

در همان سال، سرویس میزبانی وب GeoCity اختراع شد.این امر به کاربران این امکان را می‌دهد تا صفحه خانگی رایگان ایجاد کنند که در شش "همسایگی" مختلف میزبانی شود. این یک نقطه عطف مهم در طراحی وب بود، زیرا اولین بار بود که مردم عادی می‌توانستند به راحتی وب سایت‌های خود را ایجاد کنند. ​

در حالی که طرح بندی ساده بود، طراحان و افراد علاقمند به کار خلاقیت خود را با پس‌زمینه‌های روشن، دارای طرح، هنر کلیپ، و فرمت متن تجربی به زندگی آوردند. ​

Via Boing Boing
Via Boing Boing


۱۹۹۵ - جاوا اسکریپت

در اواسط دهه ۹۰ میلادی، مسلما مهم‌ترین زبان برنامه‌نویسی وب در جهان اختراع شد - جاوا اسکریپت در اصل Mochaو بعدها LiveScriptنامیده شد، این کار برای این اختراع شد که توسعه دهندگان نت‌اسکیپ به وب سایت‌ها اجازه دهند تا رفتارها را در طراحی وب خود خودکار کنند.اساسا، آن یک صفحه ایستا را به صفحه‌ای تبدیل می‌کند که کاربر شما می‌تواند با آن تعامل داشته باشد، بدون اینکه مجبور باشد منتظر بماند تا هر بار که درخواست می‌کند یک صفحه جدید بارگذاری شود.تکنولوژی اسکریپت به عناصر تعاملی مانند منوهای پایین افتادنی و فرم‌های تعبیه‌شده در وب سایت‌ها داده شده‌است. ​

Via The Telegraph
Via The Telegraph


در بالا، شما می‌توانید مثالی از یک وب سایت اولیه اپل را با استفاده از تکنولوژی جاوا اسکریپت برای به قدرت رساندن یک منوی کشویی ببینید.

۱۹۹۶ – ظهور فلش

نرم افزار FutureSplash که بعدا با نام Adobe Flash شناخته می‌شود. ​این فن‌آوری نوآورانه به طراحان وب این امکان را می‌دهد تا با یکپارچه‌سازی انیمیشن، ویدئو و صوت، وب سایت‌های پویاتر ایجاد کنند.

The Hampster Dance website, via Gizmodo
The Hampster Dance website, via Gizmodo


این عناصر چند رسانه‌ای در یک فایل بسته‌بندی شدند، سپس برای نمایش به یک مرورگر فرستاده شدند.در حالی که این یک زمان بدون شک هیجان‌انگیز در طراحی وب بود، یک هشدار وجود داشت که کاربران باید تکنولوژی فلاش صحیح را نصب می‌کردند تا این انیمیشن‌ها را ببینند.

این روز، روز بازارها و هدایای نمایشی بود، که در حال حاضر عملا در طراحی وب مدرن وجود ندارند.با این حال، ثابت شد که آن‌ها برای عناصری مانند انیمیشن، ویدئو، و تعاملات خرد و البته الگوهای رفتاری که هنوز هم قوی هستند، یک پیش‌نیاز هستند. ​

۱۹۹۸ - اختراع CSS

Via The Atlantic
Via The Atlantic


اواخر دهه ۹۰ شاهد اختراع تکنولوژی پایه و اساس در طراحی وب، CSSبود.این نرم‌افزار برنامه‌نویسی که تحت عنوان برگه سبک آبشاری نیز شناخته می‌شود، در دسامبر ۱۹۹۶ توسط هاکون ویوم لی و برت بوس ساخته شد.این امر اجازه داد تا محتوا (‏HTML)‏برای اولین بار از عناصر بصری (‏طرح، رنگ و فونت)‏جدا شود.این امر به طراحان انعطاف‌پذیری و کنترل بسیار بیشتری از ظاهر یک وب سایت نسبت به قبل می‌دهد. ​

۲۰۰۳ - سال تولد وبلاگ نویسی

در سال ۲۰۰۳، ورد پرس وارد صحنه شد.نرم‌افزار وبلاگ نویسی که توسط مت مالنوگ و مایک لیتل ایجاد شده بود، بخشی از پروژه قبلی به نام Cafelog بود.در اولین انتشار، کاربران به ایجاد پست‌های وبلاگ ساده و ایستا با شخصی سازی بصری بسیار کم محدود شدند. ​

Via WP Beginner
Via WP Beginner


اما البته این تازه آغاز کار بود. در عرض دو سال، ورد پرس پلاگین ها را برای سفارشی سازی بیشتر و موضوعاتی معرفی کرد که به کاربران اجازه می‌داد تا ظاهر سایت خود را بدون تغییر محتوا تغییر دهند. امروزه، ورد پرس مدیریت محتوای پیشرو در جهان است. ​

سیستم، ارائه پلت فرم وبلاگ نویسی رایگان (‏Wordpress.com)‏و نرم‌افزار متن باز برای طراحان (‏ورد پرس دات اورگ)

۲۰۰۴ - ظهور مای اسپیس

در حالی که مای اسپیس در درجه اول به عنوان اولین شبکه بزرگ رسانه‌های اجتماعی به یاد آورده می‌شود، همچنین کد گذاری را به جریان اصلی آورد. این پلتفرم به کاربران توانایی شخصی سازی طرح یا "دیوار" خود را از طریق برنامه‌نویسی ساده HTML می‌دهد. ​

Via Cool Space Tricks
Via Cool Space Tricks


نتیجه، زیبایی‌شناسی بیشتر، پر از تصاویر پر زرق و برق، چیدمان های سنگین تصویر، و بلوک‌های متن بود. در حالی که اکثر وب سایت‌ها اکنون بسیار اصلاح‌شده به نظر می‌رسند، انکار این که مای اسپیس یک یا دو چیز در مورد بیان خودتان از طریق طراحی DIYبه ما یاد داده‌است، سخت است. ​

۲۰۰۷ - آغاز دوران تلفن همراه

با راه‌اندازی اولین آیفون در سال ۲۰۰۷، در دسترس قرار دادن وب سایت‌ها بر روی تلفن‌های همراه برای اولین بار تبدیل به یک اولویت شد. ۹۶۰-گرید سیستم و بخش ۱۲-ستونی در طراحی برای رسیدگی به تقاضا برای مرور بر روی تلفن همراه محبوبیت زیادی پیدا کردند. ​

Via Pinterest
Via Pinterest


در حالی که حرکت سریع و اولین ناوبری موبایل هنوز چند سال با هم فاصله داشتند، دوران موبایل جای خود را به طراحی "تخت" داد. این زمانی است که اثرات عمق و اثرات سه‌بعدی حذف شده‌اند، تا باعث شوند عناصر بصری راحت‌تر به صفحه نمایش کوچک‌تر ترجمه شوند. ​

بیش از یک دهه بعد، چیدمان های مبتنی بر شبکه و طراحی مسطح هنوز تکنیک‌های رایج در طراحی وب هم برای دسکتاپ و هم برای موبایل هستند. ​

۲۰۱۰ - ظهور طراحی واکنش پذیر

طراحی واکنشی به عنوان یک واکنش مستقیم به رشد محبوبیت مرور گوشی‌های هوشمند ابداع شد. این تکنولوژی به طراحان و توسعه دهندگان اجازه می‌دهد تا وب سایت‌هایی را ایجاد کنند که به طور خودکار با هر اندازه‌ای تنظیم و مقیاس می‌شوند، صرف‌نظر از این که شما در چه دستگاهی جستجو می‌کنید. ​

در حال حاضر، طراحی سریع و پاسخگو دیگر یک روند نیست، بلکه یک ضرورت است. به منظور ظاهر شدن معتبر و حرفه‌ای و دادن یک تجربه مرور خوشایند به کاربران، طراحان باید وب سایت خود را برای همه دستگاه‌ها بهینه‌سازی کنند. ​

۲۰۱۰ - ۲۰۱۹ - طراحی وب مدرن

در طول ده سال گذشته، HTML، طراحی واکنش پذیر و CSS به حکمرانی عالی ادامه داده‌اند. با این حال، دیگر تعریف یک اندازه - متناسب - همه آنچه که یک طراحی وب سایت "خوب" به نظر می‌رسد وجود ندارد. ​

حرفه طراحی و توسعه وب گسترش پیدا کرده‌است و با آن، افراد بسیاری از نسل‌ها، فرهنگ‌ها و روش‌های مختلف زندگی را به خود جذب کرده‌است. این امر به زیبایی‌شناسی و سبک‌های مختلفی منجر شده‌است که برخی حتی از تکرارهای اولیه طراحی وب الهام می‌گیرند! طبیعت بسیار قابل تنظیم طراحی وب تنها به این فردگرایی کمک کرده‌است. ​

Via 99 Designs
Via 99 Designs


با این حال، اگر یک تعریف از زیبایی‌شناسی در دهه اخیر طراحی وب وجود داشته باشد، نگاه مینیمالیستی است. یک حرکت غیرقابل‌انکار از چیدمان های شلوغ، طرح‌های شلوغ رنگی و وب سایت‌های سنگین متن وجود دارد. در عوض، طراحان وب مدرن معمولا پالت‌ها و طرح‌های رنگی خود را ساده نگه می‌دارند و به تایپوگرافی، تصویر سازی و دیگر عناصر بصری برای تاثیرگذاری تکیه می‌کنند. شما می‌توانید این را در عمل در پلت فرم بازاریابی ایمیل ببینید طرح اخیر Mailchimp در بالا. ​

۲۰۱۹ و بعد از آن - آینده طراحی وب

امروزه، مرور یک وب سایت یک تجربه چند حسی است، که به خاطر محبوبیت رو به رشد پس‌زمینه‌های ویدیویی تمام صفحه، انیمیشن، و ناوبری تعاملی است. اما این تنها نوک کوه یخی است. همانطور که ما وارد مرز جدید طراحی وب می‌شویم، به احتمال زیاد کاربر را بیشتر از قبل درگیر در وب سایت می‌بینیم. ​

The Humachine via Awwwards
The Humachine via Awwwards


سخت است که بدانید این مرحله بعدی طراحی وب چگونه Black Mirror خواهد بود. آیا ما دیگر صفحه نمایش نداریم و در عوض، محتوا را از طریق لنزی که در چشمان ما قرار دارد، مصرف می‌کنیم؟ آیا ظهور تکنولوژی مبتنی بر صدا حرکت با یک ماوس یا کیپد را کاملا زائد می‌کند؟ ​

هر کجا که تکنولوژی ما را ببرد، باید بگوییم واقعیت مجازی (‏VR)‏، AI(‏هوش مصنوعی)‏و واقعیت افزوده (‏AR)‏در خط مقدم خواهند بود. چه به جای چت بات‌ها با یک انیموجی صحبت کند و چه یک هدست برای یک تجربه مرور اینترنت ۴ بعدی، تعامل طراحی دیجیتال و نوآوری‌های فن‌آوری بدون شک کاربران را در صندلی راننده قرار می‌دهد. ​

طراحی وب در خلا وجود ندارد. به منظور ایجاد رابطه‌ای واقعا موثر و جذاب، ما باید از گذشته یاد بگیریم و منتظر آینده باشیم. چه از طراحی‌های نوستالژیک دهه ۸۰ و ۹۰الهام گرفته باشد و چه از اولین فرزند خواندگی فن‌آوری‌های جدید، سبک طراحی شخصی شما نیز می‌تواند و باید به تکامل خود ادامه دهد. ​




منبع : https://www.canva.com/learn/web-design-history