کاور قالب جدید آرتیک

قالب جدید آرتیک با طعم پاستل و کهکشان راه شیری؟!

تاریخ ۱۹ ژوئن ۲۰۲۰، ساعت ۹:۱۸
زمان مطالعه ۵ دقیقه برای مطالعه
تعداد کامنت ۶ نظر
کاور قالب جدید آرتیک

راه‌اندازی سایت آرتیک یکی از بهترین تجربه‌های زندگی‌مون بود! آرتیکو با دل و جان دوست داریم، براش وقت میزاریم و از دیدن پیشرفتش افتخار مکنیم.
از همان اوایل لانچ سایت دوست داشتیم قالبی بسیار منحصر به فرد داشته باشیم و کاربران بتونن به راحتی با سایت تعامل داشته باشن.
مهمترین فاکتورمون هم، زیبایی و به اصطلاح UI و UX خوب بود؛ ولی نیاز به فرصت داشتیم! پس تصمیم گرفتیم یه قالب موقت بسازیم!
از این فرصت استفاده کردیم و محتوای سایت رو هم بیشتر کردیم. در این مدت حدود ۲ الی ۳ ماهه قالب جدید آرتیک از پایه ساخته شد!
ریزترین جزیئات سایت از قلم نیفتاد و خودمون فکر میکنیم قالب خیلی خوبی شده D:

ساختار قالب جدید آرتیک

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

آخرین مطالب یا بهتره بگم آرشیو تمام مطالب سایت روی میتونید توی arteek.ir/posts ببینید.
یه اسلایدر هم توی صفحه‌ی اصلی گذاشتیم.

یه ساید بار کوچولو هم سمت راست سایت داریم (در نسخه‌ی دسکتاپ). در نسخه‌ی موبایل پایین صفحه و بالای قسمت فوتر هست.

یه موضوع مهمی هم که راجع به سایت هست Mobile First شدن قالب هست. یعنی اول استایل قالبو برای موبایل درست کردیم بعد برای دسکتاپ. چون گوگل خیلی سایت‌های Mobile First رو دوست داره!

تم Light و Dark!

شاید یکم مسخره باشه ولی اسم تم لایت رو گذاشتیم پاستل 😐
البته بی دلیل هم نیست. چون سبک آیکن‌هایی که استفاده کردیم سبک Pastel هست 🙂

راستی میدونید چطوری باید تم رو عوض کنید؟ اگه نمیدونید به عکس زیر نگاه کنید:

تغییر تم به دارک

اسم تم دارک رو هم گذاشتیم کهکشان راه شیری.
راستشو بخواید این که کاربر بتونه روی دو تم سوییچ کنه؛ اولین تجربه‌ی توسعه‌دهندگان آرتیک بود D: ولی خوب از آب در اومده خداییش.

شاید بپرسید چرا دو تا تم درست کردیم برای سایت؟ خب دو تا دلیل داریم:

  1. بعضی از کاربرا سبک‌های تیره رو دوست دارن و برای اونا این تم دارک رو تدارک دیدیم ❤️
  2. شاید نصف شب باشه و بخواید بیاید سایتمون 😍. از اونجایی که دوست نداریم چشاتون خدایی نکرده آسیب ببینه و راحت مطالعه کنید تم دارک رو توسعه دادیم.

شما از کدوم تمِ قالب جدید آرتیک بیشتر خوشتون اومده؟ توی بخش دیدگاه ها بنویسید.

سایدبار چسبان قالب جدید

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

لوگو با ترکشی از انیمیشن

خب چرا ترکش اصلا؟ چون زیاد نمیشه اسمشو انیمیشن گذاشت ولی خب! اگه به لوگوی سایت (بالا سمت چپ) دقت کنید رنگش عوض میشه 😁😁😁

لوگوهای رنگارنگ آرتیک در قالب جدید

نظرتون راجع به این قابلیت جدید چیه؟ باز توی بخش دیدگاه‌ها بنویسید.

کاملا واکنش‌گرا

قالب قبلی رو کمتر میشه واکنش‌گرا حساب کرد ولی توی قالب جدید آرتیک حسابی از Media Queryها استفاده کردیم.
الان دیگه راحت توی هر دستگاهی سایتو بهینه شده برای اون اندازه ببینید و محتوایی رو از دست نخواهید داد!

منوی جدید و منحصر به فرد!

خداییش منوی جدید رو جایی دیدید؟ مخصوصا که تم عوض میشه میتونید ببینید که چقدر سعی کردیم خوب اجراش کنیم.
منوی نسخه‌ی موبایل که ساده هستش و پیچیدگی زیادی نداره ولی به نظرمون منوی دسکتاپ خیلی خوب شده. نظرتون با ما یکیه؟؟🤨

منوی قالب جدید

فوکوس به ویدیوها!

اولش که به سایت میاید بخش آخرین ویدیوها رو میبینید! یعنی از این به بعد به ویدیوها بیشتر توجه خواهیم کرد.
اگر هم خدا بخواد میخوایم محتوای ویدیویی مخصوص اینستاگرام هم تولید کنیم.

دزدی از اپل یا شاید هم مایکروسافت؟

ما توی قالب جدید دو سه جا عکس‌هامونو Blur کردیم.
هر کدوم از این دو شرکت اول Blur رو اختراع کرد ازش عذرخواهی میکنیم. 🍼😂😂

تصویر Blur شده single.php

تیک آبی

فرض کنید شما یه دیدگاه زیر این پست گذاشتید، اگه من اون رو پاسخ بدم قبل از اسمم تیک آبی مثل اینستاگرام رو میزنه 😎 چون من نویسنده‌ی این پست‌ام! اگه میخواید امتحان کنید همین الان یه کامنت بنویسید برای این پست D:

تیک آبی در کامنت

صفحه‌ی اختصاصی برای نویسنده‌ها

نویسنده‌هامون واقعا سنگ تموم گذاشتن برای آرتیک.
برای خوشحال کردنشون صفحه‌ی نویسنده‌ها رو هم شخصی سازی کردیم. باز ازشون اینجا تشکر میکنیم. مرسی که هستید. ❤️🌹

رنگ تیترها برای هر دسته بندی

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

قالب جدید آرتیک در آینده

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

  • نشان دادن نام و پروفایل تصویرسازهامون؛ بغل هر تصویری که تصویرسازا برای کاور درست میکنن.
  • فعال کردن Notification برای دریافت آخرین اخبار بصورت آنی
  • بعضی از قابلیت‌هایی که برای ادمین‌ها و نویسنده‌ها قابل دیدنه

شما هم اگه پیشنهادی دارید که میتونه برای قالب جدید مفید و کاربردی باشه حتما توی بخش نظرات بهمون بگید.

منم یه قالب مثل قالب جدید آرتیک میخوام!

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

قالب جدید آرتیک از منظر شما

خب یه نظر سنجی کوچولو هم میخوایم از شما داشته باشیم.
لطفا جواب هر موردو همراه با شمارَش توی بخش نظرات بنویسید. مرسی 🙂

  1. کلا از قالب جدید آرتیک خوشتون میاد؟
  2. اندازه متن‌ها چطوره؟ هم توی دسکتاپ هم توی گوشی
  3. راجع به تم دارک پیشنهادی دارید؟
  4. آیا این قالب میتونه زمان موندن شما توی سایت رو بیشتر کنه؟

قابلیت‌های دیگه‌ای هم توی قالب جدید داریم که دیگه چون نوشته طولانی شد اینجا ذکرشون نکردیم.
میتونید توی بخش دیدگاه‌ها قابلیت‌های جدیدی که توی این مطلب ننوشتیم رو بنویسید.

نظرات
دیدگاه‌ها

۶ دیدگاه برای این مقاله ثبت شده است.

  1. امیرحسین آزادی ۱۹ ژوئن ۲۰۲۰

    واقعا عالیه...دست مریزاد اورمان جان :)

    • اورمان فقیهی محدّث ۲۰ ژوئن ۲۰۲۰

      خیلی ممنون امیرحسین، عزیزی D: 🌷

  2. محمّدرضا ۲۰ ژوئن ۲۰۲۰

    خیلی عالی و حرفه ای شده خسته نباشی اورمان جان💛

    • اورمان فقیهی محدّث ۲۰ ژوئن ۲۰۲۰

      مرسی محمّدرضا جان، لطف داری 😊❤

  3. مهدی مقدسی ۲۷ ژوئن ۲۰۲۰

    خداوکیلی خیلی خوبه 🤩خسته نباشین و بیشتر از همه از تغییر رنگ لوگو و عکس های اول سایت با پس زمینه blur خوشم اومد😍👍 خیلی خوبین❤

    • اورمان فقیهی محدّث ۲۸ ژوئن ۲۰۲۰

      مرسی مهدی جان عزیز، خوشحالیم که خوشت اومده ❤❤❤

خوشحال میشیم نظرتون رو بدونیم 😉

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مشابه
نوشته‌های رندوم

خواندن مقاله‌های زیر رو به شما پیشنهاد میکنیم 🙃

عکاسی با موبایل رو اصولی یاد بگیریم!
عکاسی با موبایل رو اصولی یاد بگیریم!

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

مثلث طلایی، قانونی که هر کسی که عکاسی میکند باید بداند…
مثلث طلایی، قانونی که هر کسی که عکاسی میکند باید بداند…

همونطور که از اسم مثلث طلایی پیداست شامل سه بخش یا سه راس میشه که ما توی عکاسی با اونها بیشتر از اجز...

سبک در هنر چه مفهومی دارد؟
سبک در هنر چه مفهومی دارد؟

«سبک» در مباحث مربوط به هنر از پر استفاده‌ترین واژه‌ها به شمار می‌رود. در عالم نگارش ترکیب هوشمندانه...

ثـنـا مرزبان
تاریخ ۵ ماه پیش