تفاوت طراحی وب با فرانت اند تفاوت طراحی وب با فرانت اند اغلب برنامه نویس ها تفکرشان نسبت به طراحی وب،همان برنامه نویسی سمت کاربر یا Front-End هست.امروز و در این مقاله میخوایم تفاوت این دو را مشخص کنیم Web Design 1399/10/02 متین دیناشی 358
استایلدهی مدرن برنامههای وب، فریمورکهای CSS در مقایسه با کتابخانههای کامپوننت استایلدهی مدرن برنامههای وب، فریمورکهای CSS در مقایسه با کتابخانههای کامپوننت هنگام ساخت یک برنامه وب جدید، تصمیماتی باید بگیریم. آیا توسط سرور رندر شده و به کلاینت ارسال میشود، یا یک SPA با ویژگیهای قدرتمند است؟ از کدام فریمورک باید استفاده شود (در صورت وجود)؟ React؟ Angular؟ Vue؟ Ember؟ Web Design 1399/09/16 برنامه نویسان 444
سه روش برای تبدیل شدن به طراحی که توسعهدهندگان دوست دارند سه روش برای تبدیل شدن به طراحی که توسعهدهندگان دوست دارند طراح بودن در یک پروژه نرمافزاری میتواند دشوار باشد. ممکن است فضای مبهمی برای کار کردن در این زمینه وجود داشته باشد. ما این محصول را برای چه کسانی میسازیم؟ پیشنهاد ارزش ما چیست؟ چگونه لذت را به وجود میآوریم؟ حداقل محصولی که باید با آن شروع کنیم چیست؟ Web Design 1399/09/05 ایمان مدائنی 381
5 روند کاربردی طراحی سایت در سال 2020 5 روند کاربردی طراحی سایت در سال 2020 طراحی سایت بخشی از اینترنت است که همیشه در حال تغییر و تحول بوده است. اگر راجع به 10 سال گذشته صحبت کنیم، اینترنت از شکل ابتدایی خود خارج شده و تکامل یافته است. گوگل یک فونت قدیمی داشت، فیس بوک در حال رشد بود و یاهو هنوز مهم بود. Web Design 1399/07/12 برنامه نویسان 574
ساخت اسکرول بار سفارشی در CSS ساخت اسکرول بار سفارشی در CSS در این مقاله یاد خواهید گرفت که چطور با نوشتن سه خط کد CSS می توانید اسکرول بار وب سایت خود را مانند Mac OS کنید. Web Design 1399/07/11 مهدی نیسی 1036
برای تبدیل شدن به توسعهدهنده Front End در سال 2020 این نکات را باید بدانید برای تبدیل شدن به توسعهدهنده Front End در سال 2020 این نکات را باید بدانید آیا تا به حال به وبسایت مورد علاقه خود نگاه کردهاید و شگفتزده شدهاید که چرا به این شیوه طراحی شده، چرا نحوه عملکرد دکمهها وقتی که روی آنها کلیک میکنید به این صورت است، یا هر قسمت دیگر از سایت را دیدهاید و با خود فکر کردهاید "متعجبم، چطور اینها اینقدر پیچیده هستند؟"، یا "کاش من هم میتوانستم این کار را انجام دهم". خوب تمام این ویژگیهای قابل مشاهده سایت از طریق توسعه Front End انجام میشود و افرادی که از آنها استفاده میکنند، توسعهدهنده Front End نامیده میشوند. Web Design 1399/06/31 برنامه نویسان 229
چگونه طراح UX شویم چگونه طراح UX شویم توسعه سریع تکنولوژیهای جدید و آگاهی روزافزون از اهمیت محصولاتی که خوب طراحی شدهاند بدان معناست که پیشنهادات بیشتری برای طراحان UX در صنعت IT وجود دارد. نام این مشاغل بیشمار است: طراح UX، طراح UX/UI، پژوهشگر UX، نویسنده UX. به این دلیل است که عملکرد راهحلهای ایجاد شده نه تنها به لایه بصری بلکه، مهمتر از همه، به موارد عملکردی مثل محتوا وابسته است. Web Design 1399/06/03 ایمان مدائنی 113
راهنمای طراح برای جمعآوری دادهها از صفحات HTML توسط Artoo راهنمای طراح برای جمعآوری دادهها از صفحات HTML توسط Artoo جمعآوری دادههای واقعی برای طرحهای دیجیتال شما میتواند یک چالش واقعی باشد. بدون دسترسی به دادههای کلاینت ما اغلب به خودمان وابسته هستیم، به دادههای مسخره نه چندان جالب یا به لورم اپسیوم. اما نگران نباشید، Artoo با جمعآوری صفحات HTML برای شما میتواند به حل این مشکل کمک کند. Web Design 1399/05/15 ایمان مدائنی 440
بوتاسترپ 5 نسخه آلفا بوتاسترپ 5 نسخه آلفا بوتاسترپ 5 نسخه آلفا منتشر شده است. تیم بوتاسترپ ماهها تلاش کردند تا کارهایی که در v4 شروع کرده بودند را اصلاح کنند، و اگرچه پیشرفت خوبی داشته است، میخواهند باز هم ویژگیهای جدیدی به آن بیافزایند. Web Design 1399/05/10 ایمان مدائنی 159
بهترین روش برای توسعه وب Frontend بهترین روش برای توسعه وب Frontend وب به سرعت در حال حرکت است، و به طور منظم پیشرفتهایی در دستگاههایی که روزانه بسیاری از افراد از آن استفاده میکنند به وجود میآید. Web Design 1399/04/23 ایمان مدائنی 162
6 روند طراحی که برای هر طراح وب در سال 2020 لازم است 6 روند طراحی که برای هر طراح وب در سال 2020 لازم است طراحی نقش مهمی در برندسازی دارد. آرم ها ، نقشه های رنگی و قلم ها محصولات یا خدمات شما را در بازار برجسته می کند. بنابراین ، تصمیم گیری در مورد این عوامل مهم است و دانستن آخرین روند طراحی مؤثر است. اصطلاح ، روند طراحی قصد دارد تغییر در سبک طراحی برای هر محصول دیجیتال را درک کند. تنها هدف طراحی فقط رضایت مشتری نیست؛ قرار دادن اشیاء را بهینه کرده و درک اطلاعات منتقل شده از محصول را ساده تر می کند. Web Design 1399/03/21 mehditah 366
چرا شما در هر مرحله از فرآیند به طراح UX نیاز دارید چرا شما در هر مرحله از فرآیند به طراح UX نیاز دارید فرآیند طراحی یک چهارچوب سفت و سخت نیست که همیشه یکسان به نظر برسد. با تطبیق آن با نیازهای خاص پروژه، شما میتوانید به بهترین نتیجه برسید. طراح UX شخصی است که میتواند به شما در این زمینه کمک کند. قبل از شروع، ضروری است که چگونگی ترتیب همه کارها را برای دستیابی موثر به اهداف خود در نظر بگیرید. Web Design 1399/03/20 ایمان مدائنی 127
آشنایی با مدل نرم افزار به عنوان سرویس یا SaaS آشنایی با مدل نرم افزار به عنوان سرویس یا SaaS مدل نرم افزار به عنوان سرویس یکی از بهترین سرویس های مبتنی بر کلود می باشد، ما در این مطلب درباره مدل نرم افزار به عنوان سرویس یا SaaS صحبت می کنیم. Web Design 1399/01/24 برنامه نویسان 496
6 مورد از بهترین ابزارهای build برای توسعهدهندگان Frontend 6 مورد از بهترین ابزارهای build برای توسعهدهندگان Frontend کد استفاده شده در تولید با کد توسعه متفاوت است. در تولید شما نیاز به ساخت پکیجهایی دارید که سریع اجرا شوند، وابستگیها مدیریت شوند، وظایف به طور خودکار انجام شوند، ماژولهای خارجی بارگذاری شوند و موارد دیگر. ابزارهایی که امکان تبدیل کد توسعه به کد تولید را فراهم میآورند ابزارهای build نامیده میشوند. Web Design 1398/12/17 ایمان مدائنی 138
درک و نحوه کار با CSS Margins درک و نحوه کار با CSS Margins یکی از مسائلی که افراد زیادی با آن درگیر هستند حاشیهها (Margin) میباشند، که به نظر میرسد بسیار سادهاند، با این حال این پتانسیل را دارند که برخی از مسائل واقعا عجیب را ایجاد کنند. Web Design 1398/11/28 ایمان مدائنی 550
نحوه ایجاد صفحه فرود (Landing Page) با Bootstrap 4 نحوه ایجاد صفحه فرود (Landing Page) با Bootstrap 4 Bootstrap 4 در حال حاضر محبوبترین فریمورک front-end در جهان است. شما میتوانید از آن برای ساخت هر نوع رابط کاربری، از قالبهای ادمین تا وبسایتهایی دارای ویژگی کامل استفاده کنید. در این آموزش گام به گام ما به نحوه ساخت یک صفحه فرود یا همان landing page با استفاده از بوتاسترپ 4 نگاهی میاندازیم . شما میتوانید از آن به عنوان صفحه اصلی استفاده کنید یا آن را به یک کمپین بازاریابی خاص متصل کنید. Web Design 1398/11/20 ایمان مدائنی 851
7 مورد از بهترین کتابخانههای کامپوننت رابط کاربری Material Design 7 مورد از بهترین کتابخانههای کامپوننت رابط کاربری Material Design Material design یک سیستم طراحی بصری محبوب است که توسط گوگل ایجاد شده است. هدف آن این است که طراحان و توسعهدهندگان بتوانند برنامههایی را بسازند که نگاهی یکسان به همه پلتفرمها داشته باشد. برنامههایی که از اصول متریال دیزاین پیروی میکنند در تمام سیستم عاملها و دستگاهها، زیبا و حرفهای به نظر میرسند. مجموعه ابزار رسمی متریال دیزاین گوگل موارد زیادی مثل دستورالعملها، کامپوننتها، پالتهای رنگ، تمها و آیکونها را برای شما فراهم میکند. Web Design 1398/11/20 ایمان مدائنی 136
7 اصل اساسی طراحی 7 اصل اساسی طراحی در طراحی خوب همه چیز در مورد جلب توجه، حفظ علاقه و انتقال پیام به مخاطب است. یک سری اصول رایج وجود دارند که میتوانید در تمام جنبههای طراحی ازجمله طراحی وب، طراحی گرافیک و رسانه چاپی اعمال کنید. Web Design 1398/10/30 ایمان مدائنی 126
کتابخانهها، فریمورکها و ابزارهای CSS کتابخانهها، فریمورکها و ابزارهای CSS ما شاهد افزایش چشمگیر محبوبیت طرحبندیهای Flexbox، انیمیشنهای دقیق CSS، کاربرد SVG، Styleguides، افکتهای با سبک اینستاگرام، ادغام عمیقتر CSS با برنامههایی مثل Photoshop و Sketch، و پیشپردازندههای CSS مانند Sass و Less هستیم. Web Design 1398/10/15 ایمان مدائنی 946
چه زمانی نباید از Dropdown List استفاده کنیم چه زمانی نباید از Dropdown List استفاده کنیم Dropdown listها اجزای رایج رابط کاربری هستند. احتمال اینکه شما به طور مکرر با آن سر و کار داشته باشید بسیار وجود دارد، مثلا وقتی که میخواهید آدرس خود را وارد یک فرم کنید یا رنگ ژاکتی که میخواهید به صورت آنلاین بخرید را انتخاب کنید. بیاید در مورد جنبههای خوب و نه چندان خوب dropdown listها و این اینکه چه زمانی باید از آنها اجتناب کنیم، صحبت کنیم. Web Design 1398/09/24 برنامه نویسان 730
چگونه به عنوان طراح UX بدرخشیم و استخدام شویم چگونه به عنوان طراح UX بدرخشیم و استخدام شویم طراحی UX در حال حاضر بسیار پرطرفدار است، این زمینه با استعدادهای جدید و طراحانی که تمرکز خود را بر روی دریافت شغل میگذارند اشباع شده است. هر روز با رقابت بیشتر، امنیت نقش طراحی در تجربه کاربری دشوارتر میشود. در همین میان، شرکتها هنوز در حال یادگیری نحوه استخدام طراحان UX هستند. Web Design 1398/09/15 ایمان مدائنی 120
8 نکته برای طراحی سایت کاربرپسند 8 نکته برای طراحی سایت کاربرپسند ایجاد یک وبسایت موفق بسیار مهمتر از طراحی زیبا است. در حالی که طراحی زیبا به شما، به عنوان یک طراح یا توسعهدهنده کمک میکند، باید تجربه کاربری را نیز در نظر داشته باشید. Web Design 1398/09/11 ایمان مدائنی 764
اسرار طراحی UI که باید بلد باشید اسرار طراحی UI که باید بلد باشید هدف اصلی طراحی رابط کاربری این است که کارها را تا حد امکان برای کاربر موثر و لذتبخش بسازد، و مانند بیشتر زمینههای طراحی، داشتن ابزار مناسب میتواند کمککننده باشد. اگر به دنبال ورود به دنیای UI هستید، این مقاله برای شما مفید خواهد بود. در اینجا نکتهها و ترفندهای طراحی UI ارائه شده است. Web Design 1398/08/13 ایمان مدائنی 111
لذت طراحی وب را دوباره به دست آورید لذت طراحی وب را دوباره به دست آورید زندگی برای شما به عنوان طراح وب میتواند بسیار پر کار و شلوغ باشد. آنقدر که ممکن است زمان زیادی را به مشتری خود اختصاص دهید و خیلی کم برای خود وقت بگذارید. حتی میتواند به جایی برسد که دیگر از کاری که انجام میدهید لذت نبرید. Web Design 1398/07/15 ایمان مدائنی 117
سه روش برای طراحی جذاب تر صفحات 404 سه روش برای طراحی جذاب تر صفحات 404 با طراحی جذاب تر صفحات 404 می توانید وب سایت خود را بهینه تر کنید، ما در این مطلب درباره طراحی جذاب تر صفحات 404 صحبت خواهیم کرد . Web Design 1398/07/09 ایمان مدائنی 840