درحال انتقال

طراحی وب

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

جدید type_icon_معرفی و خلاصه‌ای از کتاب طراحی برای بازی «Gamification by Design» نوشته گیب زیکرمن خلاصه کتاب type_icon_معرفی و خلاصه‌ای از کتاب طراحی برای بازی «Gamification by Design» نوشته گیب زیکرمن طراحی دیجیتال type_icon_معرفی و خلاصه‌ای از کتاب طراحی برای بازی «Gamification by Design» نوشته گیب زیکرمن منابع الهام و مطالعه معرفی و خلاصه‌ای از کتاب طراحی برای بازی «Gamification by Design» نوشته گیب زیکرمن

معرفی و خلاصه‌ای از کتاب طراحی برای بازی «Gamification by Design» نوشته گیب زیکرمن

عنوان اصلی: Gamification by Design: Implementing Game Mechanics in Web and Mobile Appsنویسنده: گیب زیکرمن و کریستوفر کانینگهامموضوع: اصول و کاربردهای گیمیفیکیشن در طراحی محصولات دیجیتالچاپ اول: 2011 Gamification by...

جدید type_icon_طراحی مینیمال و ماکسیمال | Maximalism vs Minimalism سبک‌ و استایل‌ها درطراحی type_icon_طراحی مینیمال و ماکسیمال | Maximalism vs Minimalism طراحی محصول طراحی مینیمال در مقابل طراحی ماکسیمال طراحی مینیمال (Minimal Design) به‌عنوان سبک ساده‌سازی و استفاده از عناصر ضروری شناخته می‌شود و اغلب در تضاد با طراحی ماکسیمال (Maximal Design) قرار می‌گیرد. این دو سبک از لحاظ فلسفه، اجرا، و تاثیرات بصری کاملاً متضاد هستند و هرکدام ویژگی‌های منحصربه‌فردی دارند. ویژگی‌های اصلی طراحی ماکسیمال جزئیات و غنا: طراحی ماکسیمال پر از جزئیات، تزئینات و تنوع است. این سبک از شلوغی کنترل‌شده و لایه‌بندی استفاده می‌کند. پالت رنگی گسترده و جسورانه: استفاده از رنگ‌های پرانرژی و ترکیب‌های غیرمعمول یکی از مشخصه‌های اصلی این سبک است. تمرکز بر بیان هنری (Artistic Expression): ماکسیمال از طراحی به‌عنوان ابزاری برای بیان خلاقیت و داستان‌گویی استفاده می‌کند. عدم محدودیت: جایی برای آزمایش و استفاده از الگوها، تکسچرها، و متریال‌های متنوع است. تضادهای اصلی بین طراحی مینیمال و ماکسیمال مینیمالماکسیمالحذف هر عنصر غیرضروریافزودن لایه‌های متعدد از جزئیاتپالت رنگی محدود و ملایماستفاده از رنگ‌های جسورانه و ترکیب‌های پیچیدهفضای خالی به‌عنوان عنصر طراحیپر کردن فضا با جزئیات و اشیاتمرکز بر کارایی و سادگیتمرکز بر غنا و بیان شخصیتیحس آرامش و نظمحس هیجان و انرژی مثال های بیشتر در صنایع مختلف طراحی داخلی: مینیمال: فضایی ساده و مرتب با رنگ‌های خنثی و مبلمان کم‌جزئیات. ماکسیمال: فضایی پر از هنر، الگوهای شلوغ، و رنگ‌های گرم و جسور. طراحی گرافیک: مینیمال: لوگوهای ساده مثل اپل، با تمرکز بر وضوح پیام. ماکسیمال: پوسترهایی مثل آثار وس اندرسون، پر از جزئیات و رنگ‌های متنوع. مد و فشن: مینیمال: لباس‌هایی با برش‌های ساده و رنگ‌های تک‌فام. ماکسیمال: لباس‌های پر از الگو، پارچه‌های شلوغ، و رنگ‌های برجسته. رنگ طراحی مینیمال رنگ‌های ساده و کاربردی در طراحی مینیمال رنگ‌ها در طراحی مینیمال نه‌تنها زیبایی، بلکه کارکرد مشخصی دارند. با محدود کردن پالت رنگی و استفاده از رنگ‌های خنثی یا برجسته در جای مناسب، می‌توان طراحی‌ای ایجاد کرد که هم کاربردی و هم چشم‌نواز باشد.طراحی مینیمال به معنای استفاده از عناصر ساده و ضروری است که به‌طور مؤثری پیام اصلی را منتقل می‌کنند. رنگ در این سبک نقش حیاتی دارد، چرا که هر رنگ انتخاب‌شده باید هوشمندانه و با هدف مشخصی به‌کار رود. در این مطلب، نحوه انتخاب و استفاده از رنگ‌های ساده و کاربردی در استایل مینیمال را بررسی می‌کنیم. اصول کلیدی در به‌کارگیری رنگ‌ها در طراحی مینیمال:... پالت رنگی محدود: در طراحی مینیمال، استفاده از 2 تا 3 رنگ اصلی به ایجاد تعادل و هارمونی کمک می‌کند. معمولاً رنگ‌های خنثی مانند سفید، سیاه، خاکستری، و بژ به‌عنوان پایه انتخاب می‌شوند و یک یا دو رنگ برجسته برای تأکید اضافه می‌شوند. مثال: در طراحی وب‌سایت، استفاده از پس‌زمینه سفید با فونت سیاه و یک رنگ برجسته مثل آبی فیروزه‌ای برای دکمه‌ها. فضای خالی و تأثیر رنگ: فضای خالی (Whitespace) در کنار رنگ‌های ساده باعث می‌شود طراحی تمیز و مرتب به نظر برسد. استفاده از یک رنگ قوی در بخشی کوچک از طراحی می‌تواند توجه را جلب کند و حس تمرکز ایجاد کند. رنگ‌های طبیعی و خاموش: رنگ‌های الهام‌گرفته از طبیعت مانند سبز زیتونی، خاکی، یا آبی آسمانی به سادگی و آرامش طراحی کمک می‌کنند و مناسب طراحی‌هایی با الهام از سبک زندگی طبیعی هستند. تقویت عملکرد با رنگ: در مینیمالیسم، هر رنگ باید کاربرد مشخصی داشته باشد. برای مثال، در طراحی دیجیتال، رنگ قرمز می‌تواند برای اخطارها و رنگ سبز برای تأیید به‌کار رود. رنگ‌ها در استایل‌های مختلف مینیمال طراحی محصول دیجیتال: اپلیکیشن‌ها و وب‌سایت‌ها اغلب از پالت‌های خنثی با یک رنگ برجسته برای تعاملات کاربری استفاده می‌کنند. مثال: اینستاگرام از سفید، سیاه، و آبی در طراحی مینیمال خود بهره می‌برد. طراحی داخلی: استفاده از سفید به‌عنوان پایه و ترکیب آن با چوب طبیعی یا یک رنگ برجسته مثل زرد خردلی برای اکسسوری‌ها. مد و فشن: لباس‌هایی با رنگ‌های سفید، سیاه و خاکستری، همراه با اکسسوری‌هایی با رنگ‌های درخشان مثل قرمز یا آبی الکتریکی. کاربرد رنگ در طراحی مینیمال: از زیبایی تا کارکرد برندینگ: برندهایی که استایل مینیمال دارند، اغلب از رنگ‌هایی استفاده می‌کنند که احساس سادگی و حرفه‌ای بودن را منتقل کنند. مثال: لوگوی اپل با ترکیب رنگ‌های ساده و متعادل. ارتباط بصری: رنگ در مینیمالیسم به‌جای پر کردن فضا، نقش هدایت چشم و ایجاد حس تمرکز را ایفا می‌کند. نور و رنگ: ترکیب هوشمندانه نورپردازی و رنگ در طراحی داخلی مینیمال می‌تواند فضایی گرم و دعوت‌کننده ایجاد کند.

طراحی مینیمال و ماکسیمال | Maximalism vs Minimalism

مینیمالیسم Minimalism به‌عنوان یک سبک، استایل و فلسفه‌ی طراحی، به سادگی، عملکردگرایی و حذف عناصر غیرضروری می‌پردازد. این رویکرد در دهه ۱۹۶۰ به‌عنوان واکنشی به تزئینات بیش‌ازحد برخی سبک‌ها ظهور...

جدید type_icon_معرفی و خلاصه کتاب “انتخاب خلاق”  Creative Selection خلاصه کتاب type_icon_معرفی و خلاصه کتاب “انتخاب خلاق”  Creative Selection منابع الهام و مطالعه مفاهیم کلیدی کتاب Creative Selection

معرفی و خلاصه کتاب “انتخاب خلاق” Creative Selection

نویسنده: کِن کشیندا (Ken Kocienda)سال انتشار: 2018موضوع: نوآوری، طراحی محصول، و توسعه فناوریانتشارات: St. Martin’s Press Creative Selection داستانی واقعی از پشت‌صحنه‌ی فرآیند طراحی و توسعه محصولات اپل است که...

type_icon_انقلاب و اقتصاد دیجیتال | Digital Economy طراحی دیجیتال type_icon_انقلاب و اقتصاد دیجیتال | Digital Economy مسیردیزاینر استانداردهای طراحی محصول دیجیتال

انقلاب و اقتصاد دیجیتال | Digital Economy

لغت دیجیتال دیزاین فقط یکی از ترکیب هاییِ که با کلمه دیجیتال به کار میره؛ انقلاب دیجیتالی یا اقتصاد دیجیتالی(Digital Economy)از جمله اصطلاحاتی هستن که طی دهه‌ی اخیر، به شکلی گسترده رواج...

type_icon_لحظه “آها” در تفهیم محصول | Aha Moment طراحی سمت کاربر type_icon_لحظه “آها” در تفهیم محصول | Aha Moment طراحی محصول type_icon_لحظه “آها” در تفهیم محصول | Aha Moment مسیردیزاینر لحظه اها

لحظه “آها” در تفهیم محصول | Aha Moment

لحظه “آها” زمانی است که کاربر برای اولین بار عمیقاً متوجه می‌شود که محصول شما چگونه می‌تواند یک نیاز، مشکل یا چالش را حل کند. این لحظه می‌تواند به طور...

type_icon_طراحی رابط کاربری | پیکره محصول | Ui تصویرسازی type_icon_طراحی رابط کاربری | پیکره محصول | Ui توسعه وب type_icon_طراحی رابط کاربری | پیکره محصول | Ui طراحی سمت کاربر type_icon_طراحی رابط کاربری | پیکره محصول | Ui طراحی صنعتی type_icon_طراحی رابط کاربری | پیکره محصول | Ui طراحی محصول type_icon_طراحی رابط کاربری | پیکره محصول | Ui مسیردیزاینر type_icon_طراحی رابط کاربری | پیکره محصول | Ui نرم‌افزار طراحی رابط کاربری یا user interface design

طراحی رابط کاربری | پیکره محصول | Ui

رابط کاربری، واسط کاربری، میانجی کاربری و یا UI مخفف عبارت User Interface Design به معنای طراحی رابط کاربری است، اینترفیس جاییِ که تعامل بین محصول ما و کاربر اتفاق...

type_icon_سند تفهیم‌نامه طراحی | Product Design Brief مسیردیزاینر تفهیم نامه طراحی

سند تفهیم‌نامه طراحی | Product Design Brief

تفهیم‌نامه طراحی (Design Brief) سندی کلیدی در فرآیند طراحی است که مشخص می‌کند یک محصول چه ویژگی‌هایی باید داشته باشد، چه مشکلی را حل می‌کند و برای چه کسانی طراحی...

type_icon_طراحی دیزاین محور: هنر تلفیق تفکر و ساختار | Design vs Drawing حل مسئله type_icon_طراحی دیزاین محور: هنر تلفیق تفکر و ساختار | Design vs Drawing طراحی صنعتی type_icon_طراحی دیزاین محور: هنر تلفیق تفکر و ساختار | Design vs Drawing مسیردیزاینر طراحی دیزاین محور محصولات

طراحی دیزاین محور: هنر تلفیق تفکر و ساختار | Design vs Drawing

در زبان فارسی، اغلب واژه “Design” به‌اشتباه به‌عنوان معادل “Drawing” یا “طراحی” در نظر گرفته می‌شود. اگرچه این دو مفهوم بی‌ارتباط نیستند، اما دیزاین و طراحی تفاوت‌های بنیادینی دارند که...

type_icon_بانک طرح های3D | معرفی Sketchfab بررسی محصول Sketchfab دیزاین کلاب

بانک طرح های3D | معرفی Sketchfab

این روزها طراحی سایت‌ها به سمت استفاده از تصاویر 3D آنلاین، واقیعت مجازی (VR) و واقعیت افزوده (AR) پیش می‌رود. سایت Sketchfab یکی از سایت‌های پیشگام در ساخت مدل 3D...

type_icon_تعریف پروژه و عملیات | Project vs Operation طراحی محصول type_icon_تعریف پروژه و عملیات | Project vs Operation مدیریت type_icon_تعریف پروژه و عملیات | Project vs Operation مسیردیزاینر مدیریت پروژه

تعریف پروژه و عملیات | Project vs Operation

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

type_icon_معماری اطلاعات و طراحی نویگیشن‌ها توسعه وب type_icon_معماری اطلاعات و طراحی نویگیشن‌ها طراحی سمت کاربر type_icon_معماری اطلاعات و طراحی نویگیشن‌ها نرم‌افزار معماری اطلاعات

معماری اطلاعات و طراحی نویگیشن‌ها

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

type_icon_سوزان کر | Susan Kare بیوگرافی طراحان type_icon_سوزان کر | Susan Kare تصویرسازی type_icon_سوزان کر | Susan Kare طراحی سمت کاربر سوزان کر

سوزان کر | Susan Kare

سایت رسمی: Susan Kare Limited Edition Prints. Signed & Numbered. Kare Prints

type_icon_ضبط کنفراس و پادکست با ریورساید | Riversde.fm بررسی محصول Riversde.fm-ضبط-پادکست-با-ریورساید

ضبط کنفراس و پادکست با ریورساید | Riversde.fm

پادکست‌های ویدیویی و مصاحبه‌های از راه دور در سراسر جهان در حال رونق هستند! محبوبیت پادکست‌ها در سال‌های اخیر به صورت پیوسته در حال افزایش بوده است و همین مسئله...

type_icon_سم آلتمن | Sam Altman بررسی محصول type_icon_سم آلتمن | Sam Altman بیوگرافی طراحان سم آلتمن

سم آلتمن | Sam Altman

سم آلتمن | Sam Altman Glasses Internet-explorer Wikipedia-w Instagram Twitter Youtube مـلـیّـت:  آمریکا حرفه: کارآفرین و سرمایه گذار ساموئل اچ التمن (به انگلیسی: Sam Altman) (زادهٔ ۲۲ آوریل ۱۹۸۵) یک کارآفرین، برنامه‌نویس، سرمایه‌گذار خطرپذیر و وبلاگ‌نویس آمریکایی...

type_icon_بهینه سازی و افزایش کیفیت عکس با Let’s Enhance بررسی محصول artificial intelligence کیفیت عکس

بهینه سازی و افزایش کیفیت عکس با Let’s Enhance

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

type_icon_معرفی و خلاصه کتاب «طراحی احساسی» دان نورمن (Emotional Design) خلاصه کتاب type_icon_معرفی و خلاصه کتاب «طراحی احساسی» دان نورمن (Emotional Design) تصویرسازی type_icon_معرفی و خلاصه کتاب «طراحی احساسی» دان نورمن (Emotional Design) طراحی صنعتی type_icon_معرفی و خلاصه کتاب «طراحی احساسی» دان نورمن (Emotional Design) طراحی محصول type_icon_معرفی و خلاصه کتاب «طراحی احساسی» دان نورمن (Emotional Design) منابع الهام و مطالعه طراحی حسی-mohebbidesign-donald norman

معرفی و خلاصه کتاب «طراحی احساسی» دان نورمن (Emotional Design)

کتاب طراحی احساسی اثر دان نورمن (Don Norman)، نویسنده مشهور و پیشگام در حوزه طراحی، به بررسی نقش احساسات در تعامل انسان با محصولات و طراحی‌های مختلف می‌پردازد. این کتاب...

type_icon_فروشگاه محصولات دیجیتال بررسی محصول type_icon_فروشگاه محصولات دیجیتال طراحی دیجیتال Sell-any-digital-استارت آپ فروشگاه محصولات دیجیتال

فروشگاه محصولات دیجیتال

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

type_icon_طراحی سفارشی‌ و شخصی‌سازی شده | Custom Design طراحی سفارشی type_icon_طراحی سفارشی‌ و شخصی‌سازی شده | Custom Design طراحی محصول type_icon_طراحی سفارشی‌ و شخصی‌سازی شده | Custom Design مسیردیزاینر کاستوم دیزاین

طراحی سفارشی‌ و شخصی‌سازی شده | Custom Design

در دنیای طراحی محصول، توجه به نیازها و سلیقه‌های خاص کاربران، یکی از مهم‌ترین فرصت‌ها برای خلق تجربه‌ای متمایز و کاربر/پرسونا محور است. دو مفهوم سفارشی‌سازی (Customization) و شخصی‌سازی (Personalization)...

type_icon_زیرساخت ابری با پارس پک بررسی محصول type_icon_زیرساخت ابری با پارس پک توسعه وب type_icon_زیرساخت ابری با پارس پک نرم‌افزار زیرساخت ابری - پارس پک

زیرساخت ابری با پارس پک

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

type_icon_جوئل اسپلوسکی | Joel Spolsky بیوگرافی طراحان type_icon_جوئل اسپلوسکی | Joel Spolsky نرم‌افزار Avram-Joel-Spolsky جوئل اسپلوکی

جوئل اسپلوسکی | Joel Spolsky

جوئل اسپلوسکی | Joel Spolsky Glasses Internet-explorer Wikipedia-w Instagram Twitter Youtube مـلـیّـت: آمریکا حرفه: برنامه نویسی – کارآفرینی جوئل اسپولسکی یک برنامه نویس، کارآفرین و نویسنده آمریکایی، متولد 1965 است؛...

type_icon_حقوق مصرف‌کننده: راهنمای کامل برای طراحان و سازندگان محصولات طراحی دیجیتال type_icon_حقوق مصرف‌کننده: راهنمای کامل برای طراحان و سازندگان محصولات طراحی صنعتی type_icon_حقوق مصرف‌کننده: راهنمای کامل برای طراحان و سازندگان محصولات طراحی محصول type_icon_حقوق مصرف‌کننده: راهنمای کامل برای طراحان و سازندگان محصولات مسیردیزاینر حقوق مصرف کننده

حقوق مصرف‌کننده: راهنمای کامل برای طراحان و سازندگان محصولات

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