منوی بالا داستانها / Stories به منوی دسکتاپ و موبایل اضافه شد (بین دستهبندیها و «درباره ما») در صفحات استوری، لینک با رنگ brand هایلایت میشود نمایش جدید استوریها صفحه لیست (/stories):
هدر editorial با پسزمینه brand-deep اولین مطلب بهصورت کارت ویژه بزرگ (تصویر + متن کنار هم) بقیه مطالب در گرید ۳ ستونه با overlay گرادیان (مثل کارت دستهبندیها در صفحه اصلی) placeholder بافتدار برای مطالب بدون تصویر صفحه مطلب:
تایپوگرافی بزرگتر و خواناتر تصویر شاخص تمامعرض با سایه پاراگرافبندی بهتر متن بخش مطالب بیشتر در پایین کامپوننت مشترک: x-store.story-card برای یکپارچگی طراحی در لیست و صفحات مرتبط
صفحه /stories را رفرش کنید تا نتیجه را ببینید. اگر بخواهید، میتوانیم یک بخش کوچک استوریها را هم در صفحه اصلی اضافه کنیم.
http://127.0.0.1:8000/stories/ysbsyb
این صفحع نمایش منظورم بود
استایل نمایش کلی را بهبود بده
اندازه عکس را بهتر کن
همچنان سپورت کردن موبایل بسیار زیاد مهم هست.
صفحه نمایش استوری (/stories/ysbsyb) بازطراحی شد با تمرکز روی موبایل:
تصویر دیگر برش ۱۶:۹ اجباری نیست — تصویر کامل با object-contain نمایش داده میشود موبایل: تمامعرض، حداکثر ~۵۲٪ ارتفاع صفحه دسکتاپ: قاب گرد با سایه، حداکثر ارتفاع بیشتر موبایل نوار بالایی sticky با دکمه بازگشت و عنوان کوتاهشده عنوان: اندازه مناسب موبایل (1.75rem) و بزرگتر در دسکتاپ دکمههای پایین: تمامعرض در موبایل، کنار هم در دسکتاپ فاصلهگذاری و اندازه متن برای خواندن راحتتر ظاهر کلی نوار تزئینی بافت (مثل صفحه اصلی) زیر عنوان پارagraph اول بزرگتر اگر excerpt نباشد بخش «مطالب بیشتر» با لینک «مشاهده همه» در موبایل هم صفحه را رفرش کنید. اگر تصویر هنوز کوچک یا بزرگ به نظر میرسد، بگویید تا max-height را دقیقتر تنظیم کنیم.
http://127.0.0.1:8000/stories
دیزاین هیچکدام از صفحات استوری جالب نیست
بررسی صفحات استوری و الگوی طراحی فروشگاه برای بازطراحی کامل.
Wear the story
Every piece carries generations of Hazaragi craft. Explore the collection and find something made to last.
