مرجع تخصصی برنامه نویسان

5 روند کاربردی طراحی سایت در سال 2020

5 روند کاربردی طراحی سایت در سال 2020

طراحی سایت بخشی از اینترنت است که همیشه در حال تغییر و تحول بوده است. اگر راجع به 10 سال گذشته صحبت کنیم، اینترنت از شکل ابتدایی خود خارج شده و تکامل یافته است. گوگل یک فونت قدیمی داشت، فیس بوک در حال رشد بود و یاهو هنوز مهم بود.

• Web Design
• 1399/07/12
• برنامه نویسان
• 309

ساخت اسکرول بار سفارشی در CSS

ساخت اسکرول بار سفارشی در CSS

در این مقاله یاد خواهید گرفت که چطور با نوشتن سه خط کد CSS می توانید اسکرول بار وب سایت خود را مانند Mac OS کنید.

• Web Design
• 1399/07/11
• مهدی نیسی
• 561

برای تبدیل شدن به توسعه‌دهنده Front End در سال 2020 این نکات را باید بدانید

برای تبدیل شدن به توسعه‌دهنده Front End در سال 2020 این نکات را باید بدانید

آیا تا به حال به وب‌سایت مورد علاقه خود نگاه کرده‌اید و شگفت‌زده شده‌اید که چرا به این شیوه طراحی شده، چرا نحوه عملکرد دکمه‌ها وقتی که روی آن‌ها کلیک می‌کنید به این صورت است، یا هر قسمت دیگر از سایت را دیده‌اید و با خود فکر کرده‌اید "متعجبم، چطور این‌ها اینقدر پیچیده هستند؟"، یا "کاش من هم می‌توانستم این کار را انجام دهم". خوب تمام این ویژگی‌های قابل مشاهده سایت از طریق توسعه Front End انجام می‌شود و افرادی که از آن‌ها استفاده می‌کنند، توسعه‌دهنده Front End نامیده می‌شوند.

• Web Design
• 1399/06/31
• برنامه نویسان
• 104

چگونه طراح UX شویم

چگونه طراح UX شویم

توسعه سریع تکنولوژی‌های جدید و آگاهی روزافزون از اهمیت محصولاتی که خوب طراحی شده‌اند بدان معناست که پیشنهادات بیشتری برای طراحان UX در صنعت IT وجود دارد. نام این مشاغل بی‌شمار است: طراح UX، طراح UX/UI، پژوهشگر UX، نویسنده UX. به این دلیل است که عملکرد راه‌حل‌های ایجاد شده نه تنها به لایه بصری بلکه، مهم‌تر از همه، به موارد عملکردی مثل محتوا وابسته است.

• Web Design
• 1399/06/03
• ایمان مدائنی
• 31

راهنمای طراح برای جمع‌آوری داده‌ها از صفحات HTML توسط Artoo

راهنمای طراح برای جمع‌آوری داده‌ها از صفحات HTML توسط Artoo

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

• Web Design
• 1399/05/15
• ایمان مدائنی
• 344

بوت‌استرپ 5 نسخه آلفا

بوت‌استرپ 5 نسخه آلفا

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

• Web Design
• 1399/05/10
• ایمان مدائنی
• 46

بهترین روش برای توسعه وب Frontend

بهترین روش برای توسعه وب Frontend

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

• Web Design
• 1399/04/23
• ایمان مدائنی
• 43

6 روند طراحی که برای هر طراح وب در سال 2020 لازم است

6 روند طراحی که برای هر طراح وب در سال 2020 لازم است

طراحی نقش مهمی در برندسازی دارد. آرم ها ، نقشه های رنگی و قلم ها محصولات یا خدمات شما را در بازار برجسته می کند. بنابراین ، تصمیم گیری در مورد این عوامل مهم است و دانستن آخرین روند طراحی مؤثر است. اصطلاح ، روند طراحی قصد دارد تغییر در سبک طراحی برای هر محصول دیجیتال را درک کند. تنها هدف طراحی فقط رضایت مشتری نیست؛ قرار دادن اشیاء را بهینه کرده و درک اطلاعات منتقل شده از محصول را ساده تر می کند.

• Web Design
• 1399/03/21
• mehditah
• 262

چرا شما در هر مرحله از فرآیند به طراح UX نیاز دارید

چرا شما در هر مرحله از فرآیند به طراح UX نیاز دارید

فرآیند طراحی یک چهارچوب سفت و سخت نیست که همیشه یکسان به نظر برسد. با تطبیق آن با نیازهای خاص پروژه، شما می‌توانید به بهترین نتیجه برسید. طراح UX شخصی است که می‌تواند به شما در این زمینه کمک کند. قبل از شروع، ضروری است که چگونگی ترتیب همه کارها را برای دستیابی موثر به اهداف خود در نظر بگیرید.

• Web Design
• 1399/03/20
• ایمان مدائنی
• 37

آشنایی با مدل نرم افزار به عنوان سرویس یا SaaS

آشنایی با مدل نرم افزار به عنوان سرویس یا SaaS

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

• Web Design
• 1399/01/24
• برنامه نویسان
• 404

6 مورد از بهترین ابزارهای build برای توسعه‌دهندگان Frontend

6 مورد از بهترین ابزارهای build برای توسعه‌دهندگان Frontend

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

• Web Design
• 1398/12/17
• ایمان مدائنی
• 36

درک و نحوه کار با CSS Margins

درک و نحوه کار با CSS Margins

یکی از مسائلی که افراد زیادی با آن درگیر هستند حاشیه‌ها (Margin) می‌باشند، که به نظر می‌رسد بسیار ساده‌اند، با این حال این پتانسیل را دارند که برخی از مسائل واقعا عجیب را ایجاد کنند.

• Web Design
• 1398/11/28
• ایمان مدائنی
• 469

نحوه ایجاد صفحه فرود (Landing Page) با Bootstrap 4

نحوه ایجاد صفحه فرود (Landing Page) با Bootstrap 4

Bootstrap 4 در حال حاضر محبوب‌ترین فریم‌ورک front-end در جهان است. شما می‌توانید از آن برای ساخت هر نوع رابط کاربری، از قالب‌های ادمین تا وب‌سایت‌هایی دارای ویژگی‌ کامل استفاده کنید. در این آموزش گام‌ به گام ما به نحوه ساخت یک صفحه فرود یا همان landing page با استفاده از بوت‌استرپ 4 نگاهی می‌اندازیم . شما می‌توانید از آن به عنوان صفحه اصلی استفاده کنید یا آن را به یک کمپین بازاریابی خاص متصل کنید.

• Web Design
• 1398/11/20
• ایمان مدائنی
• 749

7 مورد از بهترین کتابخانه‌های کامپوننت رابط کاربری Material Design

7 مورد از بهترین کتابخانه‌های کامپوننت رابط کاربری Material Design

Material design یک سیستم طراحی بصری محبوب است که توسط گوگل ایجاد شده است. هدف آن این است که طراحان و توسعه‌دهندگان بتوانند برنامه‌هایی را بسازند که نگاهی یکسان به همه پلت‌فرم‌ها داشته باشد. برنامه‌هایی که از اصول متریال دیزاین پیروی می‌کنند در تمام سیستم عامل‌ها و دستگاه‌ها، زیبا و حرفه‌ای به نظر می‌رسند. مجموعه ابزار رسمی متریال دیزاین گوگل موارد زیادی مثل دستورالعمل‌ها،‌ کامپوننت‌ها، پالت‌های رنگ، تم‌ها و آیکون‌ها را برای شما فراهم می‌کند.

• Web Design
• 1398/11/20
• ایمان مدائنی
• 33

7 اصل اساسی طراحی

7 اصل اساسی طراحی

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

• Web Design
• 1398/10/30
• ایمان مدائنی
• 40

کتابخانه‌ها، فریم‌ورک‌ها و ابزارهای CSS

کتابخانه‌ها، فریم‌ورک‌ها و ابزارهای CSS

ما شاهد افزایش چشمگیر محبوبیت طرح‌بندی‌های Flexbox،‌ انیمیشن‌های دقیق CSS، کاربرد SVG، Styleguides، افکت‌های با سبک اینستاگرام، ادغام عمیق‌تر CSS با برنامه‌هایی مثل Photoshop و Sketch، و پیش‌پردازنده‌های CSS مانند Sass و Less هستیم.

• Web Design
• 1398/10/15
• ایمان مدائنی
• 786

چه زمانی نباید از Dropdown List استفاده کنیم

چه زمانی نباید از Dropdown List استفاده کنیم

Dropdown listها اجزای رایج رابط کاربری هستند. احتمال اینکه شما به طور مکرر با آن سر و کار داشته باشید بسیار وجود دارد، مثلا وقتی که می‌خواهید آدرس خود را وارد یک فرم کنید یا رنگ ژاکتی که می‌خواهید به صورت آنلاین بخرید را انتخاب کنید. بیاید در مورد جنبه‌های خوب و نه چندان خوب dropdown listها و این اینکه چه زمانی باید از آن‌ها اجتناب کنیم، صحبت کنیم.

• Web Design
• 1398/09/24
• برنامه نویسان
• 637

چگونه به عنوان طراح UX بدرخشیم و استخدام شویم

چگونه به عنوان طراح UX بدرخشیم و استخدام شویم

طراحی UX در حال حاضر بسیار پرطرفدار است، این زمینه با استعدادهای جدید و طراحانی که تمرکز خود را بر روی دریافت شغل می‌گذارند اشباع شده است. هر روز با رقابت بیشتر، امنیت نقش طراحی در تجربه کاربری دشوارتر می‌شود. در همین میان، شرکت‌ها هنوز در حال یادگیری نحوه استخدام طراحان UX هستند.

• Web Design
• 1398/09/15
• ایمان مدائنی
• 34

8 نکته برای طراحی سایت کاربرپسند

8 نکته برای طراحی سایت کاربرپسند

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

• Web Design
• 1398/09/11
• ایمان مدائنی
• 678

اسرار طراحی UI که باید بلد باشید

اسرار طراحی UI که باید بلد باشید

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

• Web Design
• 1398/08/13
• ایمان مدائنی
• 27

لذت طراحی وب را دوباره به دست آورید

لذت طراحی وب را دوباره به دست آورید

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

• Web Design
• 1398/07/15
• ایمان مدائنی
• 27

سه روش برای طراحی جذاب تر صفحات 404

سه روش برای طراحی جذاب تر صفحات 404

با طراحی جذاب تر صفحات 404 می توانید وب سایت خود را بهینه تر کنید، ما در این مطلب درباره طراحی جذاب تر صفحات 404 صحبت خواهیم کرد .

• Web Design
• 1398/07/09
• ایمان مدائنی
• 741

بهترین ابزارهای wireframe

بهترین ابزارهای wireframe

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

• Web Design
• 1398/06/17
• ایمان مدائنی
• 30

نقش CSS در طراحی وب

نقش CSS در طراحی وب

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

• Web Design
• 1398/06/03
• saifoori
• 340

10 اشتباه که طراحان وب باید از آن دوری کنند

10 اشتباه که طراحان وب باید از آن دوری کنند

امروزه تقریبا در هر صنعت و بخشی یک وب‌سایت وجود دارد تا اطلاعات، فروش محصولات و تعامل با مشتریان خود را ارائه دهد. این وب‌سایت‌ها با استفاده از چندین استراتژی بازاریابی، بسیار کاربردی و جذاب ایجاد می‌شوند. با این حال، چندین عامل وجود دارد که اغلب به عنوان نقاط انحرافی عمده برای هر کسی که از وب‌سایت بازدید می‌کند، عمل می‌کند. این امر می‌تواند بر تبدیل (conversion) و فروش تأثیر بگذارد.

• Web Design
• 1398/05/25
• ایمان مدائنی
• 30