روند های طراحی وب در سال ۲۰۱۵

10

سید دانیال نوآیین: نزدیک به پایان سال ۲۰۱۴ میلادی هستیم و حالا زمانی است که می‌توان با توجه به اتفاقات و روندهای سال کهنه، درباره روندهای طراحی وب در سال ۲۰۱۵ پیش‌بینی‌هایی انجام دهیم.

البته پیشبینی ها همیشه درست از آب در نمی‌آیند ، ولی توجه به آنها می‌تواند به بهبود وضعیت کمک کند.

 ۱ – طراحی واکنش‌گرا

شاید هنوز دلایلی برای استفاده نکردن از این سبک طراحی وجود داشته باشد و برخی از وب‌سایت‌ها تمایلی به اجرای آن ندارند، ولی بدون شک ۲۰۱۵ سال طراحی واکنش‌گراست. جایی که آمارها استفاده روز افزون کاربران از دستگاه های قابل حمل را نشان می‌دهند، داشتن وب‌سایتی که روی آنها به درستی نمایش داده شود یک التزام است.

در طول چند سال گذشته طراحی واکنش‌گرا خود را به عنوان یک استاندارد در طراحی صفحات وب به کاربران و طراحان اثبات کرده است.

12-15-2014 5-29-34 PM

تازه‌های سایت گلونی:
لیزر هموروئید درمان بواسیر در کلینیک تخصصی هموروئید تهران

۲ – تاکید بر بزرگ‌تر کردن تایپوگرافی‌ها

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

البته این نیاز به دامنه گسترده از اندازه فونت‌ها کمی تأثیر گرفته از طراحی واکنش‌گرا بوده است.

حالا که این دامنه در ۲۰۱۴ ایجاد و بهبود یافت ، آماده است که در طراحی های ۲۰۱۵ با قدرت استفاده شود.

12-15-2014 5-29-59 PM

۳ – تصاویر و ویدئو های پس‌زمینه ، بزرگ و زیبا

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

این روند در ۲۰۱۴ در حال بلوغ بود. اما در ۲۰۱۵ بحث روی کیفیت و زیبایی این نوع پس زمینه‌ها است. مخصوصا زمانی که سرعت بارگذاری و حجم صفحه از فاکتور های مهم امتیازدهی موتور های جست و جو است.

12-15-2014 5-30-36 PM

۴ – پیمایش مهم‌تر از کلیک ماوس

استفاده از دستگاه‌های قابل حمل مثل تلفن همراه هوشمند رشد زیادی را به خود دیده است. به همین خاطر ایجاد یک تجربه عالی برای کاربرانی که از این بستر از وب‌سایت بازدید می کنند دارای اولویت بالایی می باشد. به همین خاطر در سال ۲۰۱۵ تمرکز طراحان بیشتر بر روی پیمایش راحت‌تر صفحه توسط کاربران دستگاه‌های قابل حمل است تا کاربرانی که از روی رایانه صفحات وب را مرور می‌کنند.

12-15-2014 5-31-16 PM

۵ – طراحی تخت

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

۶ – تجربه کاربری خاص

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

به کارگیری عالی از چنین ایده‌ای را می توان در یوتیوب مشاهده کرد، جایی که با بازدید از یک ویدئو، محتوایی مرتبط با آن را نمایش داده می‌شود.

12-15-2014 5-32-28 PM

منبع

   

پستهای اخیر

سونی گوشی‌های Xperia 1 III و Xperia 5 III را با لنزهای تله‌فوتو متغیر معرفی کرد

سونی امروز از دو گوشی پرچم‌دار اندرویدی خود رونمایی کرد. هر دو گوشی Xperia 1 III و Xperia 5 III جزو اسمارت‌فون‌هایی هستند که سونی در کمپین بازتعریف برند Xperia عرضه کرده و از دوربین‌های دیجیتالی Alpha این شرکت سود می‌برند تا دوباره تمرکز…

چگونه فضای حافظه گوشی آیفون را خالی کنیم؟

کمبود فضای ذخیره‌سازی آیفون می‌تواند به شدت روی کاری که انجام می‌دهید؛ تاثیرگذار باشد و شما را محدود کند. آیفون‌های جدید می‌توانند تا ۵۱۲ گیگابایت فضای ذخیره‌سازی داشته باشند و حتی شنیده می‌شود آیفون ۱۳ تا یک ترابایت فضا دارد ولی احتمالا…

اگر این مشاهیر و سلبریتی‌ها جوانمرگ نمی‌شدند و حالا در بین ما بودند …

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

آیفون ۱۲ پرو مکس در برابر وان‌پلاس ۹ پرو: جدیدترین پرچم‌دار اندرویدی‌ها سرشاخ با بهترین آیفون ۱۲

با عرضه گوشی وان‌پلاس ۹ پرو، شاهد یک گوشی اندرویدی پرچم‌دار دیگر برای رقابت با آیفون ۱۲ پرو مکس هستیم. وان‌پلاس معمولا گوشی‌های ارزان‌قیمتی روانه بازار می‌کرد و در دسته پرچم‌داران ارزان‌قیمت بود که محبوب کاربران با بودجه‌های ناکافی…

هلیکوپتر مریخی Ingenuity نیاز به آپدیت نرم‌افزاری پیدا کرد و پروازش تا هفته بعد به تعویق افتاد

همه منتظر پرواز نخستین وسیله پروازی در دنیایی به غیر از زمین هستیم. هلیکوپتر مریخی Ingenuity که همراه مریخ‌نورد Perseverance به مریخ رفته، در حال تاریخ‌ساز شدن است و قرار است اگر همه چیز خوب پیش برود، در جو رقیق مریخ پرواز کند. پروازی که…

هر اپلی عاشق این اکسسوری‌های با طراحی منحصربه‌فرد می‌شود

بهترین هدیه‌ای که می‌توانید به یک عاشق متعصب اپل بدهید؛ گجت یا اکسسوری است که طراحی هیجان‌انگیزی دارد و واقعا کاربردی است. اپل همیشه طیف گسترده‌ای از لوازم جانبی جذاب و شگفت‌انگیز داشته که باعث افزایش کارایی و بهره‌وری فرد می‌شوند.…

10 نظرات
  1. مجید صالح پور می گوید

    متریال دیزاین با طراحی تخت فرق داره!

    1. علیرضا معظمی می گوید

      بله فرق داره و اشتباها تصاویر متریال دیزاین بجای طراحی فلت قرار گرفته

    2. پوریا شریفیان می گوید

      تصویر مربوط به مبحث طراحی تخت اشتباه انتخاب شده بود ، تصویر صحیح جایگزین شد.
      ممنون ازاطلاع رسانی شما.

  2. بهادر می گوید

    مطلب خوبی بود. در مطلب اصلی چند مورد دیگه هم بود که شما احتمالا کم اهمیت تر دیدینشون، ولی به نظر من دو تا از جذاب ترین هاش که در وب فارسی هم جاش خالیه Microinteractions و Interactive Storytelling هست.

  3. حسین زلفی می گوید

    ممنون به خاطر مطلب مناسبی که ارسال کردید اما متاسفانه دغدغه ای که هست اینه که با سایز سایت زیاد بازی نکنیم چون سرعت اینترنت پایینه و همین باعث می شه دیر سایت لود بشه و دیر لود شدن باعث از دست رفتن کاربران سایت می شه.
    کندی سرعت اینترنت خیلی مساله سازه و ما متاسفانه محدودیت زیادی در استفاده از طراحی و استفاده از فونت و عکس داریم فونت ها چند صد کیلوبایت فضا می گیرند حتی استفاده از CDN هم این مشکل رو مترفع نمی کنه و عکس و سی اس اس و جاواسکرپیت هم خود جای بحث داره.
    کاش چاره ای برای این کار پیدا می شد تا هم بشه به یوزر سرویس خیلی خوبی داد هم باعث دلسردیش (ب خاطر کندی سایت) نشیم

    شاد باشید

    1. علیرضا معظمی می گوید

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

  4. سایت گستر می گوید

    مقاله خوبی بود.
    هرچند به نظرم این آینده نگری که الگانت انجام داده مربوط به سال ۲۰۱۴ میشد نه ۲۰۱۵ چون خیلی وقته که طراحی واکنش گرا ، طراحی فلت و بقیه موارد همه گیر شدن.

  5. yekta می گوید

    به نظر من استفاده از طراحی واکنشگرا مناسب نیست ، ایجاد اپلیکیشن مجزا تجربه کاربری بهتری رو برای کاربرهای موبایل فراهم میکنه

  6. سیدامیر سجادی می گوید

    سلام. ممنون از مطلب بسیار خوبتون ولی این مواردی که گفتید بیشتر مربوط به سایت های انگلیسی زبان و خارجی هست. بدلیل اینکه اولا هنوز توی ایران و در بسیاری از ادارات هنوز از ویندوز xp و ie6 استفاده میشه دوما توی فرهنگ و زبان فارسی این جور طراحی ها خوب نمیشه خصوصا استفاده از تایپوگرافی ها.

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.