سلسلهمراتب بصری در طراحی سایت؛ وقتی صفحه پیش از خواندهشدن حرف میزند
راهنمای کاربردی سلسلهمراتب بصری در طراحی وب؛ از نقطه ورود و ریتم صفحه تا وزن تیتر، فاصله، کنتراست و کنترل شلوغی.
مطالعهژورنال طراحیژورنال طراحی وب
دفتر تجربه و ساخت
ژورنال طراحی وب
مقالههای عمیق و انسانی درباره ساختار، سبک بصری، تایپوگرافی، حرکت، تجربه و تصمیمهای فنی در طراحی وبسایت.
تایپوگرافی فارسی برای وب؛ از انتخاب فونت تا ساختن ریتم خواندن
راهنمای طراحی تایپوگرافی فارسی در وب؛ انتخاب فونت، وزن، اندازه، طول سطر، فاصله خطوط، اعداد و ترکیب متن فارسی و لاتین.
مطالعهطراحی ادیتوریال در وب؛ چگونه صفحهای بسازیم که مثل یک روایت جلو برود
بررسی عمیق طراحی ادیتوریال در وب؛ ترکیببندی، ستون، تیتر، تصویر، ریتم، کپشن و تبدیل محتوای طولانی به تجربه خواندنی.
مطالعهمینیمالیسم در طراحی سایت؛ خلوتکردن بدون از دستدادن شخصیت
چگونه وبسایت مینیمال طراحی کنیم که بیروح و تکراری نباشد؛ تصمیم درباره تایپ، رنگ، فاصله، تصویر، حرکت و جزئیات هویت.
مطالعهنئوبروتالیسم در طراحی وب؛ جسارت کنترلشده یا شلوغی بیدلیل؟
تحلیل سبک نئوبروتالیسم در طراحی سایت؛ تایپوگرافی، رنگ، مرز، سایه، گرید، دسترسپذیری و تشخیص پروژه مناسب.
مطالعهموشن در طراحی سایت؛ حرکت وقتی معنا میسازد، نه وقتی فقط دیده میشود
راهنمای موشن در وبسایت؛ هدف حرکت، زمانبندی، reveal، اسکرول، پارالاکس، بازخورد، عملکرد و حالت reduced motion.
مطالعهطراحی هیرو سکشن؛ نخستین قاب سایت باید چه چیزی را حل کند؟
راهنمای طراحی هیرو سکشن وبسایت؛ پیام، H1، تصویر، CTA، شواهد، ارتفاع، موبایل و جلوگیری از هیروهای تکراری.
مطالعهطراحی ریسپانسیو فراتر از breakpoint؛ بازطراحی تجربه برای هر عرض
راهنمای طراحی واکنشگرا؛ ترتیب محتوا، تایپوگرافی سیال، گرید، تصویر، ناوبری، لمس، تبلت و کنترل صفحات بزرگ.
مطالعهسیستم طراحی برای سایتهای محتوایی؛ انسجام بدون قالبزدگی
راهنمای ساخت Design System برای وبسایتهای محتوایی؛ توکن، کامپوننت، الگوی صفحه، variant، مستندات و کنترل تکرار.
مطالعهسیستم رنگ در طراحی سایت؛ ساختن نقشها، نه جمعکردن کدهای رنگ
راهنمای ساخت پالت و سیستم رنگ وب؛ نقشهای معنایی، کنتراست، سطوح، حالتها، تم تیره، داده و استفاده کنترلشده از رنگ برند.
مطالعهفضای خالی و ریتم چیدمان؛ چرا بعضی سایتها نفس میکشند؟
راهنمای استفاده از whitespace و ریتم در طراحی وب؛ فاصله داخلی و خارجی، گرید، سکشن، تراکم، خط مبنا و ریسپانسیو.
مطالعهطراحی ناوبری برای سایتهای پیچیده؛ منویی که نقشه میدهد، نه فهرست
راهنمای طراحی ناوبری وبسایتهای چندخدمتی؛ برچسب، معماری، مگامنو، فعالبودن، موبایل، breadcrumb و لینکهای درون صفحه.
مطالعهطراحی کارت در وب؛ چگونه از ظاهر قالبی و تکراری فرار کنیم؟
راهنمای طراحی card UI در وب؛ مسئولیت کارت، سلسلهمراتب، نسبت تصویر، تعامل، گرید، variation و جایگزینهای کارت.
مطالعهمیکرواینتراکشن در طراحی سایت؛ جزئیات کوچکی که اعتماد میسازند
راهنمای microinteraction در وب؛ hover، focus، فرم، دکمه، loading، success، error، زمانبندی و دسترسپذیری.
مطالعهآبجکت سهبعدی در طراحی سایت؛ از تزئین پسزمینه تا عنصر مستقل صحنه
راهنمای استفاده از 3D object در طراحی وب؛ سبک، متریال، نور، پسزمینه شفاف، ترکیببندی، موشن، عملکرد و انسجام خانواده تصاویر.
مطالعهطراحی صفحات بلند؛ چگونه محتوای عمیق را بدون خستگی خواندنی کنیم؟
راهنمای طراحی long-form content؛ عرض متن، فهرست، تیتر، تصویر میان متن، ریتم، لینک داخلی، موبایل و ادامه مطالعه.
مطالعهمیکروکپی در رابط وب؛ نوشتن کلماتی که کاربر را جلو میبرند
راهنمای نوشتن microcopy فارسی برای دکمه، فرم، خطا، منو، راهنما، empty state و پیام موفقیت با لحن انسانی.
مطالعهزبان بصری برند در وب؛ چگونه سایت شبیه خود برند شود؟
راهنمای تبدیل هویت برند به زبان دیجیتال؛ تایپ، رنگ، فرم، تصویر، حرکت، آیکون، لحن و قواعد انسجام در وب.
مطالعهراهنمای نوشتن بریف طراحی سایت؛ سندی برای تصمیم، نه فرم تشریفاتی
راهنمای عملی و عمیق برای نوشتن بریف طراحی سایت؛ از مسئله، مخاطب و دامنه تا محتوا، فناوری، معیار موفقیت و فرآیند تصمیمگیری.
مطالعهعملکرد وبسایت بخشی از طراحی است، نه مرحلهای پس از تحویل
نگاهی عملی به اثر تصمیمهای طراحی بر سرعت و Core Web Vitals؛ از تصویر و فونت تا تعامل، حرکت، بودجه عملکرد و اندازهگیری مسئولانه.
مطالعهمعماری اطلاعات برای سئو؛ ساختن مسیر فهم برای انسان و موتور جستوجو
راهنمای عمیق معماری اطلاعات و SEO؛ از قصد جستوجو و مالکیت صفحه تا URL، طبقهبندی، لینک داخلی، canonical، مهاجرت و نگهداری.
مطالعهقدم بعدی
برای پروژه شما، از پرسشهای درست شروع کنیم.
شرح کوتاهی از وضعیت، هدف و محدودیتها بفرستید تا مسیر مناسب را روشن کنیم.