https://virgool.io/feed/@vagadesign fa 2026-06-16 13:21:22 https://static.virgool.io/images/default-avatar.jpg https://virgool.io/@vagadesign https://virgool.io/@vagadesign/%D9%85%D9%88%DA%A9%D8%A7%D9%BE-%D8%B1%D8%A7%DB%8C%DA%AF%D8%A7%D9%86-%D8%A2%D9%8A%D9%85%DA%A9psd-sketch-npwduieepccw آی‌مک‌های اپل به راستی بهترین کامپیوترهای رومیزی شخصی در جهان صنعت هستند. آنها در هر نسل جدید، بهتر و تواناتر به بازار می‌آیند؛ چه برای کاربران معمولی مک و چه برای کاربران خبره‌ی آن. شرکت اپل، کامپیوتر مک‌پرو با کارایی خیره‌کننده را برای پشتیبانی از کاربران کارآزموده‌‌تر و همه‌ فن حریف خود، که می‌خواهند بیشترین بهره را از کامپیوترهای رومیزی خود ببرند، تولید کرده است.تیم ما، با الهام از طراحی صنعتی بسیار خوب دستگاهی، موکاپ‌های دستگاهی کامپیوتر آی‌مک را آفریده است تا به طراحان و بازاریابان امکان دهد از آنها در ارائه‌ی کالاهای خود به صورت نمایشی، بهره‌برداری کنند. این موکاپ‌ها، تصویرهای بُرداری در فرمت‌های PSD و Sketch هستند که به کمک یک لایه‌ در بالای اسکرین، اجازه‌ی آپلود کردن هر تصویری روی آنرا خواهند داد. این تصویرها معمولاً وبسایت‌های بازاریابی، اپ‌ها و دیگر موجودیت‌های دیجیتال هستند که ما می‌توانیم آنها را، همانطور که استفاده می‌کنیم، روی اسکرین مک ببینیم. مثلاً، اگر اپی برای مک طراحی کرده‌اید و می‌خواهید یک وبسایت بازاریابی و یا اسکرین‌شات‌های اپ‌استور برای آن بسازید، می‌توانید اپ خود را در این موکاپ‌ها به نمایش درآورده و داستان اپ‌تان را بازگو کنید و به مشتریان احتمالی، کمک کنید تا بتوانند تصور کنند که اپ شما، روی صفحه‌ی نمایش آنها به چه شکلی به نظر خواهد رسید. یا چنانچه اگر طراح وب هستید، این موکاپ‌ها می‌تواند به شما کمک کند تا فرایند طراحی وبسایت یا ارائه‌ی بسیار خوب خود را به مشتری احتمالی خود نشان بدهید. تیم ما این موکاپ‌ها را به صورت سه بعدی مدل کرده و سپس با بازآفرینی آنها به شکل بردارهای مقیاس‌پذیر، به موکاپ‌ها شکل داده است. خوشحال خواهیم شد که در زیر، آنها را به شما معرفی کنیم:موکاپ‌ آی‌مکماده: سفالیفرمت: PSD+ Sketchموکاپ آی مک رایگان خود را دریافت کنیدامیدواریم این موکاپ‌ها شما را در کسب و کار جدیدتان برنده کرده و مشتریان شما را با طراحی‌های بسیار خوبی که با استفاده از این موکاپ‌ها خواهید کرد، شاد و خوشحال نماید. vagadesign vagadesign Wed, 06 Nov 2019 11:14:13 +0330 https://virgool.io/@vagadesign/%D9%85%D9%88%DA%A9%D8%A7%D9%BE-%D8%B1%D8%A7%DB%8C%DA%AF%D8%A7%D9%86-%D9%85%DA%A9-%D8%A8%D9%88%DA%A9psd-sketch-uzmba4h8cn71 گلچینی از موکاپ‌های مک‌بوک در فرمت‌های PSD فتوشاپ و Sketch برای استفاده در ارائه‌ها، وبسایت‌ها و بیشتر از آن.هنگام گشت و گذار در اینترنت، به وبسایت‌های برمی‌خوریم که دیگران طراحی کرده‌اند و این دیگران، ممکن است طراح، کارآفرین یا بازاریاب باشند. آنها در خلال فرایند طراحی، گاهی نیاز دارند ایده‌های خود را به تصمیم‌گیرندگان ارائه دهند. با استفاده از موکاپ‌های دستگاهی، می‌توان به آنها کمک کرد تا داستان را ساده‌تر کرده و تاثیر بهتری از آنچه طراحی کرده‌‌اند، بر دیگران بگذارند. بنابراین هنگامی که وبسایتی را طراحی می‌کنید، موکاپ مک‌بوک هم می‌تواند منبع طراحی مفیدی برای نشان دادن صفحه‌های وب شما باشد و هم می‌توانید آنرا به عنوان عنصری از بخش قهرمان وب سایت که یک اپ دسکتاپ یا یک سرویس وب را تبلیغ می‌کند، استفاده کنید. ما این موکاپ‌ها را به همین دلیل طراحی کرده‌ایم و امیدواریم که به کمک آنها جریان کاری شما، ساده‌تر گردد.موکاپ‌ مک‌بوکماده: سفالیفرمت: PSD+ Sketchموکاپ مک‌بوک رایگان خود را دریافت کنیددر زیر مثال کوچکی از Bill.com را ببینید که از موکاپ‌های ما استفاده می‌کند:موکاپ مک‌بوک در بخش قهرمان وبسایت بازاریابی وبسایت Bill.comامیدواریم که این موکاپ‌ها، برای استفاده در پروژ‌ه‌های بعدی شما نیز مفید فایده باشند. vagadesign vagadesign Tue, 05 Nov 2019 18:02:41 +0330 https://virgool.io/@vagadesign/free-android-mockup-psd-sketch-vcpydmkiixal بر طبق گفته‌ی StatCounter، سیستم‌عامل اندروید به لحاظ گستردگی استفاده (۷۶.۲۴٪) در مقایسه با سیستم عامل آی او اس(۲۲.۴۸٪) با اختلاف زیاد پیشرو است. جای تعجبی هم ندارد، چون دستگاه‌های اندرویدی از نظر قیمت، بسیار مقرون به صرفه‌تر از آیفون‌ها هستند. بنابراین اگر اندروید در سطح جهانی از چنین تقاضای بالایی بهره‌مند باشد، نیاز به موکاپ‌های اندرویدی هم به احتمال زیاد در بین جامعه‌ی طراحان احساس می‌شود.اینجا در شرکت راموشن (Ramotion)، ما برای خودمان موکاپ‌هایی طراحی کرده و آنها را برای استفاده‌ی دیگران در فروشگاه خود قرار داده و پست‌های آنها را اینجا در بلاگ خود می‌گذاریم. در ادامه شما می‌توانید تعدادی از آنها را ببینید. امیدواریم که آنها را برای ارائه‌های بعدی، شات‌های دریبل و یا اسکرین‌شات‌ها اپ‌استور خود ، مفید بیابید.موکاپ‌های سامسونگ گالکسی S10ماده: سفالیفرمت: PSD + Sketchموکاپ سامسونگ گالکسی S10 را رایگان دریافت کنیدموکاپ گوگل پیکسل ۳ماده: سفالیفرمت: PSD + Sketchموکاپ گوگل پیکسل ۳ را رایگان دریافت کنیدموکاپ‌های سامسونگ گالکسی S8 سفالیماده: سفالیفرمت: PSD + Sketchموکاپ سفالی سامسونگ را رایگان دریافت کنیدموکاپ‌های سامسونگ گالکسی (S7 و S8)ماده: واقع‌بینانهفرمت: PSDموکاپ دستگاه سامسونگ گالکسی را رایگان دریافت کنیدموکاپ‌های HTC One A9ماده: واقع‌بینانهفرمت: PSDموکاپ HTC One را رایگان دریافت کنیدبعضی از مشتریان ما می‌پرسند چطور می‌توانند از این موکاپ‌ها بهره‌مند شوند. پاسخ سریع آنست که از موکاپ‌ها برای پشتیبانی رواییِ ارائه‌ی خود کمک بگیرند. در اینجا مثالی آورده‌ایم که چطور موکاپ‌ جدید سامسونگ گلکسی S10 ما می‌تواند بخش قهرمان یک وبسایت بازاریابی باشد: https://vimeo.com/366265279 مثال دیگر، موکاپ‌ها می‌توانند یک انتخاب خوب برای اپ‌استور، اسکرین‌های گوگل پلی و یا یک ارائه باشند.امیدوواریم که از انتخاب‌های ما لذت برده باشید. بی‌صبرانه منتظر طراحی دستگاه‌های بیشتری برای شما هستیم.منبع اصلی vagadesign vagadesign Thu, 17 Oct 2019 11:43:13 +0330 https://virgool.io/@vagadesign/%DA%86%DA%AF%D9%88%D9%86%D9%87-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D9%85%D9%88%DA%A9%D8%A7%D9%BE%D9%87%D8%A7%DB%8C-%D8%A2%DB%8C%D9%81%D9%88%D9%86-%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%86%D8%B4%D8%A7%D8%AA%D9%87%D8%A7-%D8%B1%D8%A7-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A7%D9%BE-%D8%AE%D9%88%D8%AF-%D8%AF%D8%B1-%D8%A7%D9%BE%D8%A7%D8%B3%D8%AA%D9%88%D8%B1-%D8%A8%D8%B3%D8%A7%D8%B2%DB%8C%D8%AF-hgxmcaiobnpq محصول شما هر چه باشد، باید به گونه‌ای به مخاطب عرضه شود که محبوبیت آن و در نتیجه CTR را افزایش دهد. معنای این کار ‌در اپ‌استور، ایجاد یک صفحه‌ی تبلیغاتی مشهور است.صفحه‌ی تبلیغاتی به شما امکان می‌دهد که انواع مختلفی از اطلاعات را به آن اضافه کنید، اما روال‌ها حاکی از آنست که مردم ترجیح می‌دهند به جای خواندن، فقط نگاهی تند به آن صفحه بیندازند. اسکرین‌شات‌های تهیه‌ شده از اپ‌ها، نظر خوانندگان را در وهله‌ی اول به خود جلب می‌کند. بنابراین، مهم است که روی آنها حساب کنیم. این کار ممکنست چالش برانگیز باشد چون همه‌ی آن چیزی که شما دارید، فقط چند اسلات است. با وجود این، وقتی پای خلاقیت در میان باشد، هر چیزی امکان‌پذیر است. چند ترفند مفید وجود دارد که به ساختن اسکرین‌شات‌های اپلیکیشن شما کمک خواهد کرد و موکاپ‌های بسیار واقع‌نمایانه‌ی آیفون، در راس همه‌ی آنها قرار دارد.اول چیزهای مهمترقبل از اینکه به سراغ ساختن بهترین اسکرین‌شات‌ها از اپلیکیشن خود بروید، لازم است نکات ابتدایی را بدانید. اولین کار، رعایت کردن مشخصاتی‌ست که اپل تعیین کرده است. باید بدانید که اپ‌استور چه نوع گرافیک‌هایی را می‌پذیرد:· فرمت JPEG مسطح یا PNG ؛· چگالی پیکسل معادل dpi ۷۲ ؛· طرح رنگ RGB ؛· پس‌زمینه‌های غیرشفاف؛· کیفیت برتر؛تازه، اسکرین‌شات‌ها بایستی با وضوح‌های مختلف سازگار باشند تا در گجت‌های مختلف خوب و یکنواخت به نظر بیایند. در حالی که در گذشته مجبور بودید نمونه‌های مختلفی از یک تصویر را بسازید، اما امروزه به لطف فرایند ارسال ساده‌سازی‌شده‌ی اسکرین‌شات، می‌توانید از روی این مرحله بپرید و اجازه بدهید اپل، خود این بار سنگین را بدوش بکشد.بسیار خب. حالا وقت آن رسیده که با استفاده از موکاپ‌های آیفون، با ساختن بهترین اسکرین‌شات‌های اپ خود برای اپ‌استور، به ماجراجویی بپردازید. ما بر آن هستیم که این فرایند را به سه مرحله‌ی اصلی تقسیم کنیم. اول، لازم است یک ارائه‌ی هنری بسازید، سپس با افزودن اطلاعات، آنرا بهتر کنید و سرانجام آنرا یک پله بالاتر برده و احساس را چاشنی آن کنید. بیایید کار را شروع کنیم.ساختن یک ارائه‌ی هنریبرای ساختن یک ارائه‌ی هنری، راه‌های زیادی هست، اما داستانگویی یکی از مرجحترین آنهاست. دلیلش ساده است: مردم عاشق داستان هستند، در حالی که سازندگان اپ، عاشق این هستند که به آنها بگویند که محصولشان پیشگام و سردسته است. چرا از این علاقه‌ی مردم به نفع خود استفاده نکنیم؟لحظات کلیدی آفرینش بهترین رمان، از این قرار است:· روی شروع داستان خود شرط‌بندی کنید. مردم روی کامپیوترهای رومیزی بزرگ، تنها ۴ تصویر اول را می‌بینند، ولی آنهایی که از دستگاه‌های کوچکتری استفاده می‌کنند، به دیدن ۳ تصویر بسنده می‌کنند.· خود را جای کاربر بگذارید و قویترین دلیل فروش یک اپلیکیشن را از زاویه دید آنها انتخاب کنید. به آنها نشان دهید که با اپلیکیشن شما چه کارهایی را می‌توانند انجام دهند.· همیشه انسجام را حفظ کنید. بین طرح رنگ‌ها و فونت‌های مختلف، جابجا نشوید.· گزیده‌گو باشید: شاهنامه نسرایید، به جای آن خلاصه‌‌ای از کار را بگویید.· در طراحی خود خلاقیت به کار ببرید. به نمایش اسکرین‌شات‌های اپ خود، یکی پس از دیگری، بسنده نکنید. با بازی کردن با طراحی خود از زوایای مختلف، به کارتان چاشنی اضافه کنید یا فقط یک بخش برنامه را نشان دهید.· اپ را روی دستگاه طوری اجرا کنید که گویی بخشی از دنیای واقعیست که هر کسی می‌تواند آنرا لمس، احساس و تجربه کند.· هویت برند خود را منعکس کنید.Uber Eats مثال خوبی از اجرای این نکات در طراحی است. تیم طراح از توان داستانگویی خود، به قویترین شکل بهره گرفته است. همه چیز از هوم پیچ شروع می‌شود که برند را به نمایش در می‌آورد. سپس همراه کاربر به مرحله‌ی سفارش قدم می‌زند و با استفاده از محتوا و جلوه‌های دیداری، فرایند را برای کاربر، خوشایند و سرراست می‌سازد. ساده ولی درخشان است.اگر می‌خواهید چنین چیزی داشته باشید، یکی از موکاپ‌های دستگاهی بسیار واقع‌نمایانه را که بصورت مجموعه‌ی موکاپ‌های آیفون در دسترس است، تهیه نمایید. نمای جلو را انتخاب کرده و بین تصویرها قرار دهید تا از داستان‌ خود پرده بردارید. با نما و ترکیب بازی کنید. به عنوان مثال، تصویر را به دو بخش تقسیم کرده و آنرا در دو اسلات مختلف قرار دهید تا هیجان داستانگویی را بیشتر کنید.به کمک محتوا کار خود را بهبود ببخشیداگرچه یک تصویر، ارزش هزار کلمه را دارد ولی محتواست که فرمانروایی می‌کند. مردم به جای اینکه سرگرم یک بازی حدس و گمانی شوند یا حتی بدتر، به یک نتیجه‌گیری اشتباه برسند، باید از داستان لذت ببرند. بنابراین برای تصویرها از زیرنویس، عبارت‌های گیرا و حتی دستورالعمل‌های کوتاه استفاده کنید. بهترین کار قرار دادن آنها در بالاست به طوری که مردم از آنجا، شروع به نگاه کردن اپ شما بکنند.به عنوان یک نمونه‌ی عالی می‌توان بهSkinseed اشاره کرد. ارائه‌ی آنها خلاقانه و در عین حال، آموزنده است. با دادن اطلاعات زیاد، بیننده را گیج نمی‌کند؛ چون تیم طراح، کار را تا حد امکان خلاصه و به اصل مطلب اشاره کرده است.برای تولید چیزی شبیه به این از iPhone 8 Clay Mockupsاستفاده کنید که اسکرین‌شات‌ها را در چیدمانی بی‌عیب و نقص، با زیربنایی محکم قرار می‌دهد. برای زیرنویس تصویرها، از رنگی واضح و در تضاد با پس‌زمینه استفاده کنید و نیز از مجموعه‌ فونت‌هایی که در وضوح‌های مختلف، خوانا باشند. در اینجا، همچنین می‌توانید با کشیدن خط زیر یا کلفت‌تر کردن آنها، بر واژه‌های مهم تاکید کنید. صفحه را در دو-سه کلمه، توصیف کنید.طرح را با احساسات تکمیل کنیدترفندهای روانشناسی، هرگز کهنه نمی‌شوند و در بازاریابی، زمانی که آگهی‌های ساده و خام برای آب کردن محصول کافی نیستند، بخوبی وارد عمل می‌شوند. خرج کردن احساسات بجا، چیزی است که مشتریان را وادار به تصمیم‌گیری می‌کند. اگر مردم محصول شما را دوست داشته باشند، شانس خریدن آن زیاد خواهد شد. راههای بسیاری برای انگیختن احساسات آنها هست. مثلاً خریداران ممکن است از اپلیکیشن شما خوششان بیاید، چون آنرا قابل اعتماد می‌دانند. بنابراین در اینجا وقتی تلف نشده است. از موکاپ‌های آیفون واقع‌نمایانه برای این منظور استفاده کنید.چنانچه هوشمندانه آنها را بکار ببرید، ممکن است بتوانند احساسات مختلفی را برانگیزانند که با دستکاری در فرایند تصمیم‌گیری مشتریان، به شما بهره برسانند. مثلاً آنها می‌توانند:· اعتماد را جلب کنند؛· اعتبار را افزایش دهند؛· احساس کنند که این اپلیکشن برند است؛· اپلیکیشن را در لایه‌ای رازآلود قرار دهند که خاص و لوکس به نظر برسد.برای بکار بستن چنین ترفندی در طراحی خود از iPhone XS/X/8 PSD Mockups استفاده کنید. این مجموعه شامل سه مدل است که گزینه‌های دوست داشتنی این روزها هستند. بنابراین، شما می‌توانید از محبوبیت آنها در کار ارائه‌ی خود بهره ببرید. هم‌چنین با استفاده از یک نمای ایزومتریک با مونیتوری که رو به سوی مشتری قرار گرفته است، نه تنها با پرسپکتیوی جذاب، توجه آنان را جلب کنید بلکه کمی خصلت‌های انسانی به اپ خود ببخشید. به این ترتیب، نه تنها اپلیکیشن شما ارگانیک به نظر می‌آید، بلکه باعث برانگیختن احساسات درست مخاطبان خواهد شد.تصاویر AppStoreApp Store Screenshots by RamotionApp Store Previews (Sketch Freebie) by Ryan HoukScannable Screenshots by Apple PixelsApp Store Templates for Sketch by Zack GemmellApp Store Screenshots Template for Sketch by J.Holloranنتیجه‌گیریتهیه‌ی بهترین اسکرین‌شات‌ها برای اپ شما در اپ‌استور با استفاده از موکاپ‌های آیفون، اصلاً کار چالش برانگیزی نیست. همه‌ی آنچه شما نیاز دارید، استفاده از تخیلات خود برای نشان دادن یک داستان قانع‌کننده از محصولتان است. از موکاپ‌های بسیار واقع‌نمایانه‌ی آیفون استفاده کرده و به هر چیزی که می‌خواهید، جان ببخشید. vagadesign vagadesign Tue, 15 Oct 2019 12:40:06 +0330 https://virgool.io/@vagadesign/%DA%86%DA%AF%D9%88%D9%86%D9%87-%D8%A7%D8%B2-%D9%85%D9%88%DA%A9%D8%A7%D9%BE%D9%87%D8%A7%DB%8C-%D8%A2%DB%8C%D9%81%D9%88%D9%86-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A7%D8%B1%D8%A7%D8%A6%D9%87%DB%8C-%DA%A9%D8%A7%D8%B1%D9%87%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%AE%D9%88%D8%AF-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%DA%A9%D9%86%DB%8C%D8%AF-qcx6v0nj9gpw هر تیم سازنده‌ای گمان می‌کند که کارهای طراحیش، در نوع خود الماسی‌ست واقعی که بر یک ایده‌ی عالی استوار شده، طراحی پیچیده‌ای دارد و کاربر تجربه‌ی خوبی از آن دارد: گوهری که شایسته‌ی نهادن بر دیهیم ا‌ست. به هر روی، مشتریان احتمالی شما چگونه بفهمند که این سنگ کربن، خالص و واقعی‌ است؟ هر چه باشد، بازار پر است از انواع مختلف چنین جواهرهایی. پاسخ ساده است: شما بایستی کار خود را به آنها نشان دهید.در دنیای بازار دیجیتال، برای نشان دادن زیبایی، توانایی و ارزش اپلیکیشن خود راهی بهتر از ساختن یک ارائه‌ی بسیار عالی نیست و اینجاست که موکاپ‌های واقع‌گرای آیفون به کمک می‌آیند. سه راه ممکن برای این کار هست که می‌توانید از آنها برای ارائه‌ی کارآی طرح خود استفاده کنید. بیایید آنها را یکی یکی بررسی کنیم.استفاده از موکاپ آیفون برای تهیه‌ی یک نمایش چشمگیر برای اپل‌استوراپل‌استور اجازه می‌دهد به کار خود، نه تنها شرح، بلکه تصویر نیز اضافه کنید. از این امکان استفاده کرده و مرغ تخیل خود را به پرواز درآورید. فارغ از اینکه چه چیزی می‌خواهید بفروشید، لازم است آنرا به بهترین شکل ارائه دهید. به مشتریان احتمالی نشان دهید که در باطن طرح شما، چه چیزی نهفته است. موثرترین یا ارزشمندترین قسمت یک برنامه را انتخاب کنید تا بر مشتری پیروز شوید. در جایی که دیگران به یک دموی ساده و ابتدایی بسنده می‌کنند، شما نمایشگاهی منحصر به فرد از موکاپ‌های دستگاهی بسیار واقع‌گرا را برایشان جفت و جور کنید. اپلیکیشن zoosk را که اپی معروف برای قرار ملاقات گذاشتن است، برای این منظور در نظر بگیرید.در اینجا تیم طراح، دو اسلات اول را با هم یکجا ساخته تا با استفاده از شیوه‌ی موزائیکی، نمایش آنرا فریبنده‌تر کند. آنها اپلیکیشن را تحت چنان زاویه‌ای دمو کرده‌اند که به بیننده حس خوشایند طبیعی‌بودن دست می‌دهد. با استفاده از چنین دموی هوشمندانه‌ای، آنها توجه مردم را جلب کرده و از میان جماعتی انبوه، به چشم خواهند آمد.از همه مهمتر آنکه، شما هم می‌توانید به آسانی چنین چیزی را بازآفرینی کنید. نیازی به دانش پرتاب موشک ندارد. مثلاً یکی از رندرینگ‌های دست‌ساز را، که به لطف ظاهر خشتی پیچیده‌ی آن عالی بنظر می‌رسد، از پکیج iPhone X/8 Clay Angled Mockupsبردارید. با استفاده از آبجکت‌های هوشمند اسکرین‌شات‌های UI را درون آن قرار داده و با این چهار اسلات در اپل‌استور بازی بازی کنید تا نمایش منحصر بفرد و اغوا کننده‌ای بیافرینید.از نمایش ایزومتریک استفاده کنید تا رنگ و جلای بیشتری به آن اضافه کنیدبدون شک، کار طراحی شده‌ای که با استفاده از موکاپ آیفون در نمای روبرو نمایش داده شود، چشمگیر است، اما ضرری ندارد که کمی هم به جلای آن بیافزاییم. مثلاً شما می‌توانید با طرح خود در زوایای گوناگون بازی کرده و به کار خود پرسپکتیو دهید تا جذابیت متقاعدکننده‌ی آن بیشتر شود.برای این کار چندین راه حل هست، اما یکی از مطمئنترین و قویترین آنها البته اینست که نیاز خود با یک نمای ایزومتریک مطابقت بدهید. این کار نه تنها کمک می‌کند ارائه‌ی شما با آن ظاهر بی‌نظیرش، در رقابت‌ها جدا باشد، بلکه به آن ایده، اعتبار نیز می‌بخشد. بدین ترتیب شما امتیاز اضافه‌ی مربوط به باورپذیری را نیز بدست می‌آورید و به همین دلیل قابلیت اعتماد کل پروژه را بالا می‌برید. برای این کار از iPhone XS/X/8 PSD Mockups استفاده کنید.این بسته شامل یک دوجین گجت‌های آیفون بسیار واقع‌گرایی است که هوشیارانه رندر شده‌اند. آنها سه مدل را پوشش می‌دهد: XS، X و 8 . هر یک در سه رنگ پرداخت شده، در دسترس است‌ (خاکستری فضایی، نقره‌ای و طلایی). شما می‌توانید موکاپ ایزومتریک دلخواهتان را (مثلاً یکی از آنهایی که در زیر نشان داده شده است و بسیار ارگانیک بنظر می‌رسد) انتخاب کرده، درون چندین صفحه‌ی UI‌ قرار داده و به مخاطب نشان دهید. در یک چشم بهم زدن و بدون اینکه لازم باشد سفارشی‌سازی زیادی روی آن انجام شود، یک ارائه‌ی بی‌نظیر خواهید داشت. به لطف نمای واقعگرایانه‌ی آن، کاملاً غیرمصنوعی و طبیعی احساس می‌شود و به آسانی می‌تواند نظر مشتریان احتمالی را جلب کرده و آنها را تشویق کند تا با محصول بازی کنند.از نمای روبروی موکاپ آیفون برای خلق یک تور الهام بخش پویانمایی شده استفاده کنیدبسیارخب. حالا وقت جابجا کردن مرزهاست. بیاید رویکردهای استاتیک را دنبال کارشان بفرستیم و یکی از آن راه‌حل‌های پویا را که این روزها، پرطرفدار است، انتخاب کنیم.مسئله اینست که همه دوست دارند اپ واقعی را ببینند. این روزها استفاده از یک روش تعاملی برای ارائه‌ی برنامه به مخاطب، رونق زیادی دارد. هر طراح یا تیم تولید کننده‌ی UI ترجیح می‌دهد مشتریان یا سرمایه‌گزاران احتمالی را با ارائه‌های شیک خود پذیرایی کند. پویانمایی‌های معارفه، تورهای تعاملی و حتی یک اسلایدر معمولی افقی که یک سری اسکرین‌شات‌های UI را در یک چرخه نشان می‌دهد، راه‌های اثرگذاری برای رساندن پیام خود و تاکید بیشتر بر محصول است.به عنوان یک مثال نوعی، ورزش با ویتالی رابتسوف را در نظر بگیرید که در آن از پویانمایی برای فروش موفق محصول استفاده شده است. به جای استفاده از اسکرین‌های معمولی UI، نوعی رویکرد روایت‌گونه به کار رفته است. او با استفاده از اسلایدر معمولی و تعاملات کوچک، سعی کرده است تا به همه چیز جان ببخشد و از این ارائه، چیزی چشمگیر از آب در بیاورد. این کار بقدری طبیعی است که احساس می‌کنیم خودمان به درون فرایند معارفه قدم گذاشته‌ایم. به خاطر بسپرید که این تازه یک پویانمایی کوتاه است که این چنین از مرزهای معمولی بودن عبور کرده و بدون زحمت زیادی، توجه ما را به خود جلب کرده است.به موکاپ پویانمایی شده‌ی اپلیکیشن خود به چشم یک تریلر معمولی ِیک فیلم نگاه کنید. مخاطب را با داده‌ها و ابعاد فنی قضیه، نترسانید. کارکردهای مهم را برجسته کنید، مهمترین المان‌ها را نشان دهید، آنها را با مشخصات چشمگیر، تحت تاثیر قرار دهید، همراه آنها مزایای اصلی محصول را با داستان‌های جذاب مرور کنید و فقط بگذارید آنها بازی کنند. از یکی از برجسته‌ترین موکاپ‌های آیفون که با کلاس و تجملی به نظر می‌رسد، استفاده کنید. این موکاپ‌ها بستر نفیسی برای شاهکار پویانمایی شده‌تان فراهم می‌کند که امتیاز اضافی برای ارائه‌ی شما به همراه خواهد داشت.نتیجه‌گیریچه دموی خود را برای نشان دادن به سرمایه‌گزاران احتمالی می‌سازید، چه برای خریداران در اپل‌استور و چه حتی برای دوستانتان، ریویو‌های این دمو، ارزش آنرا تعیین می‌کنند. با استفاده از داشته‌های بسیار واقع‌گرایانه، به آنها داستانی درباره‌ی محصول خود بگویید. این موکاپ‌های آیفون دست ساز به دمو کیفتی قابل اعتماد داده و این احساس را بوجود می‌آورند که همین حالا شما می‌توانید اپ را احساس کنید. نماها و زوایای مختلف را جفت و جور کنید تا محصول خود را به بهترین شکل ممکن ارائه نمایید. vagadesign vagadesign Mon, 07 Oct 2019 18:09:32 +0330 https://virgool.io/@vagadesign/%DB%B3-%D8%AF%D9%84%DB%8C%D9%84-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D9%85%D9%88%DA%A9%D8%A7%D9%BE%D9%87%D8%A7%DB%8C-%D8%A2%DB%8C%D9%81%D9%88%D9%86-%D8%AF%D8%B1-%D9%81%D8%B1%D8%A7%DB%8C%D9%86%D8%AF-%D8%AE%D9%84%D8%A7%D9%82-%D8%AE%D9%88%D8%AF-rmlcposbgvg2 چه چیز باعث فروش یک محصول می‌شود؟ ایده؟ قیمت عادلانه؟ ارقام چشمگیر؟ بسیار خب. تمام اینها خوب هستند. اما بیایید صادق باشیم. وقتی پای رقابتی نفس‌گیر در یک دنیای بیرحم در میان باشد، این جنبه‌های مقایسه، در برابر یک آگهی خوب، رنگ می‌بازند. چه خوشتان بیاید و چه نیاید، مردم ظاهربین هستند و هیچ چیز این واقعیت را تغییر نخواهد داد. این یک اصل متعارف است که برای هر محصولی صدق می‌کند. کار طراحی هم از این قاعده مستثنی نیست.هر اپلیکیشنی که قصد دارید آنرا بازاریابی کنید، به سرمایه‌گزاران نشان دهید و یا فقط برای خودارتقایی آنرا به مخاطبان آنلاین‌تان ارائه دهید، باید در یک بسته‌بندی «خوش آب و رنگ» بپیچید. مطمئن شوید که محصول شما چنان استخواندار است که از میان جمعیتی گمنام، به چشم خواهد آمد و خطر نادیده گرفتن آنرا از بین ببرید. برای این کار، به چندین دلیل قانع کننده، هیچ راهی بهتر از استفاده از موکاپ آیفون نیست.نام حرف اول را می‌زند: موکاپ آیفون اعتبار را افزایش می‌دهدمی‌دانم، می‌دانم که چندین سازنده‌ی دیگر گوشی‌های همراه هم هستند: سامسونگ، هوآوی، شیائومی، گوگل و حتی نوکیا هم گلیم خود را در دنیای تجارت از آب بیرون می‌کشند. اما به هر شکل، تنها یک نام است که بر دیگران فرمانروایی می‌کند. نام اپل مترادف است با کمال و پیشرفت. همچنین نمادیست از پرستیژ و تجمل‌گرایی. بنابراین گذاشتن طرحی از اپلیکیشن خود درون موکاپ آیفون مانند اینست که از کالایی استفاده کنید که همه به دنبال داشتن آن هستند. تنها کافیست نگاهی بیندازید به موکاپ‌های آیفون با اپلیکیشن‌های ساختگی که در هوم‌پیج اپل‌استور تعبیه شده‌اند.Apple Storeآیا اختصاصی به نظر نمی‌آیند؟ اعتبار، نفوذ و قدرت را می‌توان در آن احساس نمود. پس چرا از این بهترین، نیاموزیم؟ از آیفون موکاپ استفاده کرده و حس پالودگی را به کالای خود تزریق کنید تا هنگام نمایش به مشتریان، ذهن ناخودآگاهِ آنها را تحریک کنید. به آنها ثابت کنید که شما همان شخصی هستید که کیفیت را بر کمیت ترجیح می‌دهید.یک چیز دیگر...اگرچه دستگاه‌های اپل گران هستند ولی نسخه‌های دیجیتال واقع‌گرای آنها را می‌توان تقریباً بدون هزینه پیدا کرد. موکاپ‌های iPhone XS/X/8 PSD را در نظر بگیرید. این مجموعه یک نسخه‌ی دموی رایگان دارد که شامل موکاپ‌های آیفون با وضوح بالا هستند که تمام رنگ‌های تولیدکننده‌ها و نماهای مختلف را دارد. هر کدام از آنها بر مبتنی بر آبجکت‌های هوشمند هستند که گرافیک‌های برداری ۱۰۰٪ مقیاس‌پذیر عالی دارد. شما می‌توانید از آنها برای ارائه‌های خیره‌کننده خود که از هر سوی آن، اعتبار و توانایی می‌بارد، استفاده کنید.iPhone XS/X/8 PSD Mockupsگردش کار پویانمایی شده اشتیاق را می‌افروزددلیل خوب دیگر برای استفاده از قالب‌های آیفون آنست که این قالب‌ها زیربنای محکمی برای ساخت ارائه‌های پویانمایی شده دارند. امروزه معارفه‌ای شیک، دمویی باشکوه و یا فقط گردش‌کاری کوتاه و تعاملی، راهکارهای متداولی برای به تور انداختن مشتریان است.اول چیز و از همه مهتر، آنها پلی بین تیم توسعه دهنده که زیر و بم اپلیکیشن را می‌شناسد، و مشتریان زیرک ناآشنا به مسائل فنی که می‌خواهند از این کار لذت ببرند، می‌زنند. دوم اینکه، آن قالب‌ها هر کاری می‌کنند تا مشتریان را از سوء تعبیر یا تاثیرات اشتباه در امان بدارند. سرانجام، آنها به کاربران امکان می‌دهند که اپ را لمس کرده و توانایی‌های آن برای تشویق کاربران به بررسی دقیقتر اپ را احساس کنند.کنترل‌های هوشمند خانگی را در نظر بگیرید. پویانمایی بر چندین صفحه‌ی تعاملی مبتنی است که لحظات کلیدی اپلیکیشن را برجسته‌سازی می‌کنند. تکراری است ولی طبیعی بنظر می‌رسد. تیم با یک تیر، دو نشان می‌زند: در همان حال که زیربناهای اصلی را نشان می‌دهند، توجهات را نیز به طراحی رابط کاربری زیبایی جلب می‌کنند که نوید دهنده‌ی تجربه‌ا‌ی چشم‌نواز و مفید برای کاربر است.کنترل هوشمند خانگیدر اینجا شما خود می‌توانید ببینید که چگونه یک شبیه‌سازی بسیار خوب، علاقمندی را افزایش می‌دهد. اگر آماده هستید تا با آفرینش یکی از آن پویانمایی‌های توجه‌برانگیز، ارائه‌ی خود را عرضه نمایید، چندین محصول رایگان عالی برای شروع چنین کاری در دسترس است. مثلاً Paper Onboarding Android Control مکان دلخواهی برای پیدا کردن نکات معتبر و انتقال برخی از تجربه‌هاست.فرایند معارفه‌ای که برای نمایش محصول به کار گرفته می‌شود مبتنی بر سه صفحه است که مرحله‌ی انتقال از یک صفحه به صفحه‌ی دیگر زیبا به نظر می‌رسد. درون هسته‌ی آن، اسلایدر ساده‌ای هست که با جاوا نوشته شده است. چنین چیزی به طور قطع، تاثیرگذار است.Paper Onboarding Android Controlبه همین ترتیب برای Optimized iOS Control by Ramotion این اسلایدر شیک دیگریست. این بار یک کتابخانه‌ی SWIFT UI است که با اجزای اصلی IOS و پویانمایی‌ها می‌آید تا کار افزودن حرکت به مفاهیمی که اپل آنها را هدف گرفته است، آسانتر کند.Optimized iOS Control by Ramotionموکاپ‌های واقع‌گرا‌ی آیفون بشدت اثرگذار استاگرچه اپلیکیشن شما بخشی از دنیای دیجیتال است ولی به هر حال، سرانجام قرار است در دنیای واقعی زندگی کند و با مردم واقعی تعامل داشته باشد. محیط زیست طبیعی اپلیکیشن شما، دنیای ماست که درون یک گوشی تلفن همراه قرار داده می‌شود. بنابراین استفاده از یک موکاپ‌ دستگاه واقع‌گرا که کاملاً مانند همانیست که در جیب ما قرار دارد، بهترین راه برای تاکید بر این واقعیت است.موکاپ دستگاه به مشتریان امکان می‌دهد تا نه تنها کالا را تجسم کنند بلکه آنرا با چشمان خود ببینند. موکاپ مرز بین مفهوم و واقعیت کالا را مات و مه‌آلود کرده و آنرا در نظر آشنا ولی نه پیش‌پا افتاده، می‌سازد. همچنین انتظارات را بالا برده و به صرف همین واقعیت، آنرا اثرگذارتر از تعدادی اسکرین‌شات معمولی می‌کند که از یک رابط کاربری گرفته شده باشند.تنها تصور کنید که کار طراحی شما چگونه بنظر خواهد رسید اگر درون یک موکاپ دستگاهی رسی قرار بگیرد که در زیر نشان داده شده است. چنان پالوده و پرداخت شده است که چشم‌ برداشتن از آن بسیار سخت خواهد بود. تنها دلتان می‌خواهد صفحه را لمس کرده و همین حالا با رابطه کاربری تعامل کنید.برای غنا بخشیدن به ارائه خود و تقویت اثرگذاری هر چه بیشتر، می‌توانید نماهای روبرو، ایستاده و خوابیده را که در پکیج شامل شده‌اند را با هم جفت و جور کنید. از نسخه‌ی دمو برای دیدن خودتان استفاده کنید.نتیجه‌گیریاگرچه ما سه دلیل اصلی برای استفاده از موکاپ آیفون در فرایند آفرینشی شما را برجسته‌سازی کردیم، ولی در واقع دلایل معتبر زیاد دیگری هم برای این کار هست. مثلاً موکاپ‌های دستگاهی بسیار واقع‌گرا، قابلیت نمایش با زاویه‌ی ۴/۳ را دارند که اعتمادسازی نسبت به یک کالا را افزایش می‌دهند، چون بعد به همراه پرسپکتیو، حقانیت بیشتری به نمایش کالا می‌دهد. کوتاه سخن اینکه، موکاپ‌های آیفون یکی از بهتریان کاغذ کادوهاییست که می‌توانید کالای خود را در آن پیچیده و به مشتری عرضه کنید. این موکاپ‌ها اثرگذاری زیادی داشته و پیام اصلی را به مصرف کننده خواهد رساند.اصلی vagadesign vagadesign Tue, 01 Oct 2019 13:00:30 +0330 https://virgool.io/@vagadesign/%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1%D9%87%D8%A7%DB%8C-uiux-%D8%A8%D8%B1%D8%A7%DB%8C-%D9%85%D8%A8%D8%AA%D8%AF%DB%8C%D8%A7%D9%86-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88-%D9%BE%DB%8C%D8%B4%D9%86%D9%85%D9%88%D9%86%D9%87%D8%B3%D8%A7%D8%B2%DB%8C-%D8%AF%D8%B1-%D8%A7%D8%B3%DA%A9%DA%86-oxzmyzfyvq9f شاید این سوال برای شما به عنوان یک طراح تازه‌کار پیش آید که کدام ابزار را بهتر است یاد بگیرید تا در حوزه‌ی کاری جدید خود، موفق باشید. گزینه‌های بسیار زیاد و گیج‌کننده‌ای پیش روی شماست. با وجود آنکه هر فروشگاه طراحی، هر شرکت و یا هر فرد، دلخواه‌های خود را دارد، اسکچ یکی از پرکاربردترین ابزارها در این خصوص است. این مقاله را بخوانید تا بدانید چرا اینگونه است و به محض آنکه کمی درباره‌ی آن دانستید، از برخی از آفرهایی که برای موکاپ‌های اسکچ گروه UI/UX design شرکت Ramotion ، فراهم شده است، بازدید کنید.طراحی و نمونه سازی در UI/UXهمانطور که احتمالاً پیش از این یاد گرفته‌اید، وایرفریم‌ها و پیش‌نمونه‌ها بخش بزرگی از ارائه‌ی طراحی UI/UX هستند. طرح‌های دستی اولیه بر روی کاغذ و یا حتی خط و خطوط در هم و برهم روی وایت‌برد، معمولاً در همکاری با طراحان دیگر بررسی و اصلاح می‌شوند. بهترین موکاپ‌ها باز هم اصلاح شده تا به وایرفریم‌های متعارفتری، چه بصورت دستی و چه به کمک نرم‌افزار، تبدیل گردند. سپس طرح‌ها و شیوه‌ها بر آنها اعمال شده و در پایان، برای نمونه‌های اولیهِ‌ با وفاداری بالا و آزمون پذیر، تعامل نیز به آن افزوده می‌شود.در ویدیوی گروه نیلسن/نورمن، Pencils vs. Pixels for UI Protyping [sic] and Sketching ، طراحان توضیح می‌دهند که این فرایند همیشه فرایندی خطی نیست. یکی از طراحان برجسته، دوست داشت که اول با سایر طراحان روی کاغذ یا تخته سفید کار کند، اما احساس کرد که طر‌ح‌های با وفاداری بالاتر برای به اشتراک گذاشتن با ذینفعان، بهتر است. ایده‌ها را می‌توان همان اول به اشتراک گذاشت و هر رویکردی، سبکی و سنگینی‌های خودش را دارد. ذینفعان اغلب نمی‌توانند با وایرفریم‌هایی که وفاداری‌ِ کمتری داشته و طراحی زیبایی ندارند، فرآورده‌ی نهایی را حتی تجسم نمایند. از سوی دیگر، انتظارات بایستی به گونه‌ای مدیریت شود که وقتی مدل بسیار زیبا باشد، ذینفعان چنین تصور نکنند که فراورده‌ی نهایی تقریباً تکمیل شده است.ابزاری مانند اسکچ فرایند گرفتن ایده‌های اولیه و تبدیل آن به طرح‌های اصلاح شده و سرانجام پیش‌نمونه‌های قابل کلیک واقعی را شتاب داده و به جریان می‌اندازد.اسکچ چه می‌کنداسکچ بطور اخص برای طراحان رابط کاربری یا اینترفیس، ساخته شده است. طراحان آن همه چیز را در نظر گرفته‌اند؛ از طراحی اولیه تا ساختن پیش‌نمونه‌‌ای با وفاداری زیاد و نیز همیاری با تیم‌های توسعه و آزمون کاربران. هر جا که اسکچ نارسایی داشته است، پلاگینی برای آن در دسترس هست.سازندگان اسکچ توجه ویژه‌ای به بازخورد کاربران، به روزرسانی‌های مداوم، امکانات جدید و رفع باگ‌ها دارند، بدون اینکه هزینه‌ی ارتقاء چندانی داشته باشد. نسخه‌های آینده به سمت جابجا کردن مرزهای چگونگی کار طراحان در این ابزار، با اضافه کردن امکانات همیاری، خواهد بود.امکانات اصلیهمانطور که گفته شد، اسکچ امکانات خوب زیادی دارد و توسعه دهندگان همواره در حال بهبود آن هستند. در زیر به تعداد کمی از امکانات مورد علاقه‌ی خودمان اشاره خواهیم کرد.· اسکچ یک ابزار مبتنی بر بردار است که فایل‌ را کوچک نگهداشته و تغییر اندازه آن را نرم و هموار می‌کند.· امکان طراحی یکنواخت با استفاده از نمادها، کتابخانه‌ها، صفحه‌ها و دیگر المان هایی که بطور مستقیم به سیستم‌های طراحی گره خورده‌اند.· اَسِت‌ها، کدها و دیگر خروجی‌هایی که می‌توانند بطور مستقیم و بدون عیب و نقص، به خارج از نرم‌افزار فرستاده شوند.· طراحی‌های تخت می‌توانند به راحتی بهم لینک شده و پیش نمونه‌های بروز شده‌ی قابل کلیکی را بسازند.پیش‌نمایش‌های چند-فرمتی که به شما امکان می‌دهند تا ببینید که هر طرحی در پلتفرم‌ها و مرورگرهای مختلف، چه شکلی بنظر خواهند رسید.پلاگین‌ها و ابزارهای سازگاراسکچ بصورت فرمت باز ساخت شده است تا توسعه‌دهندگان بتوانند پلاگین‌ها و اکستنشن‌هایی برای آن درست کنند تا با ابزارهای رایج دیگر یکدست شده و به اسکچ کاربردهایی را که هم اکنون ندارد، اضافه نماید. بطور نمونه:· Zeplin – با کامپایل کردن اسپک‌ها، محول کردن کار به توسعه‌دهندگان را آسان می‌کند.· Stark – به طراحان کمک می‌کند طرح‌هایی قابل دسترس، برای افراد با ناتوانی‌های جسمی درست کنند.· Userflows – ایجاد فلودیاگرام و سایت‌مپ‌ها را ساده می‌کند.مقایسه با ابزارهای دیگراسکچ با در نظر داشتن طراحان UI/UX طراحی شده است، در صورتی که ابزارهایی مانند فتوشاپ و ایلاستریتور، در حقیقت برای کارهای بسیار متفاوتی (به ترتیب برای ویرایش عکس‌ها و ایجاد طراحی‌های خطی ساخته شده‌اند.) بوجودآورندگان اسکچ به خاطر سپرده بودند که بسیاری از طراحان مجرب UI/UX سالها از فتوشاپ و ایلاستریتور استفاده کرده‌اند و به رابط کاربری آنها خو گرفته‌اند. بنابراین رابط کاربری اسکچ را طوری ساختند که با تقلید بسیاری از عملکردهای فضای کاری آن دو نرم‌افزار، یادگیری و تطبیق‌دهی با آن برای کاربران آسان باشد.اما جدا از این ابزارها، گزینه‌های بسیار زیاد دیگری هم هست. سایت UXtools.co مقایسه ی خوبی از سایر ابزارهای طراحی و پیش‌نمونه‌سازی، ارائه داده است. همان طور که می‌توانید ببینید، داده‌های آنها و دلایل خوبی که آورده‌اند، نشان می‌دهند که اسکچ برای طراحان UI/UX بسیار مورد پسندتر از دیگر ابزارهای پیشنهاد شده، است.فتوشاپ و ایلاستریتورهر چند کار کردن با ابزار بردار-محوری چون ایلاستریتور، به دلیل مقیاس‌پذیری و عوامل دیگر، خیلی بهتر از فتوشاپ است ولی با وجود این، ایلاستریتور ابزاری که خاص UX/UI باشد، نیست. در طول زمان، برخی امکانات به آن اضافه شده‌اند تا آنرا برای کار در این زمینه مناسب سازند، اما نبودن امکانات کلیدی و دیگر امکانات آنرا ناخوشایند کرده است. مثلاً:· هنگام حرکت به سوی یک پیش‌نمونه‌ی قابل کلیک، اسکچ برای رفتارهای تعریف کننده، بسیار بهتر است.· داشتن مقواهای نامحدود در اسکچ مجاز است و امکانی به نام pages‌ دارد که به شما اجازه می‌دهد آنها را بصورت نواحی که به آسانی راهبری شده‌اند، گروه‌بندی کنید.· دم به دم کرش نمی‌کند.سایر ابزارهای مستقلیکی از دیگر ابزارهای پرطرفدار، Axure است. Axure برای وایرفریم‌ها، پیش‌نمونه‌های ساده و دیگر اقلام قابل تحویل پروژه از جمله مسیرهای کاربران، عالی است. هر چند که اکسور ابزارهای دیداری گسترده‌ای ندارد و اَسِت‌های آن باید در ابزارهای دیگری مانند فتوشاپ، ایجاد شده و سپس به کتابخانه‌ی اَسِت‌ها وارد شوند. متاسفانه اکسور، پلاگینی برای اسکچ ندارد.یک ابزار وایرفریمینگ خوب دیگر، Balsamiq است. این ابزار فاقد توانایی ایجاد جلوه‌های دیداری با وفاداری بالاست.Figma یک ابزار مبتنی بر مرورگر است. فیگما گزینه‌ی خوب دیگری برای همکاری و پیش‌نمونه‌سازی است. قیمت آن بر اساس آبونمان است ولی اگر مسائل امنیتی برای شما مهم باشد، ممکن است گروه IT به شما اجازه‌ی استفاده از این نرم‌افزار را ندهد.نتیجه‌گیریهر چند ابزارهای بسیاری در بازار هستند که باید آنها را یاد گرفت ولی اسکچ نقطه‌ی شروع خوبی برای مبتدیان است. هزینه‌ی اسکچ زیاد نیست، به آسانی قابل یادگیریست و امکانات زیادی دارد. آنرا امتحان کنید تا ببینید نظرتان درباره‌ی آن چیست؟ vagadesign vagadesign Wed, 25 Sep 2019 11:33:18 +0330 https://virgool.io/@vagadesign/%DA%86%DA%AF%D9%88%D9%86%D9%87-%D8%A7%D8%B2-%D9%85%D9%88%DA%A9%D8%A7%D9%BE%D9%87%D8%A7%DB%8C-%D8%A2%DB%8C%D9%81%D9%88%D9%86-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%AA%D9%87%DB%8C%D9%87%DB%8C-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%86%D8%B4%D8%A7%D8%AA%D9%87%D8%A7%DB%8C%DB%8C-%D8%A7%D8%AB%D8%B1%DA%AF%D8%B0%D8%A7%D8%B1-%D8%AF%D8%B1-%D8%A7%D9%BE%D8%A7%D8%B3%D8%AA%D9%88%D8%B1-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%DA%A9%D9%86%DB%8C%D9%85-lrhqvz7kt9af آیا می‌دانید که اسکرین‌شات‌های عالی، اثرگذارترین راه برای بازاریابی اپ شماست؟ چون مغز انسان تصویر را ۶۰۰۰۰ برابر سریعتر از کلمه‌ها، پردازش می‌کند، بنابراین مردم با دیدن اسکرین‌شات و نه با خواندن توضیحات، بسرعت تصمیم خواهند گرفت که آیا اپ شما را دانلود کنند یا خیر.به همین دلیل است که داشتن تصاویر عالی در اپ‌استور، می‌تواند نقطه‌ی تغییر تصمیم یک کاربر برای دانلود کردن اپ شما، بجای نادیده گرفتن و عبور از آن باشد.بخاطر اهمیت این موضوع، پیشنهاد می‌کنیم از موکاپ‌های دستگاه استفاده کنید تا مشتریان بتوانند استفاده از اپ شما را در محیط دنیای واقعی تجسم کنند. اسکرین‌شات‌ها خیلی خوب هستند، اما موکاپ‌ها از آنهم فراتر رفته و به کاربران اجازه می‌دهد تا خودشان را در حال تعامل با اپ شما، در زندگی روزمره‌شان مجسم کنند.اجازه دهید در مورد استفاده‌ی موثر از موکاپ‌ها برای بازاریابی اپ شما، به تفصیل صحبت کنیم.انتخاب موکاپ‌های اثرگذارمنبع: iOS App Store/ Mockupsبه دلیل تعدد گزینه‌ها، انتخاب موکاپی که واقعاً به درخشش اپ شما کمک کند ، بسیار مهم است. این موکاپ‌ها بایستی دارای وضوح‌ بالا و قابلیت ویرایش بوده و همه‌ فن حریف باشند.بسته به اینکه اپ خود را کجا قرار دهید، ممکن است به همه یا بعضی از اینها نیاز داشته باشید: موکاپ‌های آیفون، موکاپ‌های دستگاه، قاب‌های دستگاه، دستگاه‌های رسی، موکاپ‌های رسی، موکاپ‌های آیپد، موکاپ‌های آی‌مک، موکاپ‌های مک‌بوکوقتی موکاپ‌های خود را انتخاب کرده و اسکرین‌شات‌هایتان را درون قالب‌ها بگذارید، لازم است تا آنها را به اثرگذارترین شکل ممکن در اپ‌استور(ها) قرار دهید. در زیر چند تا از بهترین تکنیک‌ها آمده است.از مقررات اپ‌استورها پیروی کنیدهم فروشگاه‌هایiOS و هم گوگل پلی مقررات سختگیرانه‌ای دارند که باید از این مقررات پیروی کرد تا فروشگاه آن اپ را بپذیرد. مطمئن شوید که این مقررات را بدقت رعایت می‌کنید تا در هنگام بررسی آن به مشکلی برخورد نکنید.فروشگاه‌هایiOS و پلی از نظر چگونگی نمایش اپ‌ها نیز با هم تفاوت‌های چشمگیری دارند. مثلاً گوگل پلی یک تصویر خاص و چشمگیر را به شکل بنر در بالای یک صفحه‌ی اپ نشان می‌دهد. از سوی دیگر، iOS ارائه‌ی توضیحات را ترجیح می‌دهد. هنگام انتخاب موکاپ‌های خود، این نکته را در ذهن داشته باشید.چون فروشگاه‌هایiOS الزامات بسیار بیشتری نسبت به فروشگاه‌های گوگل پلی دارند، قالب‌‌های آیفون به ویژه مفیدترند. چیزهای زیادی در iOS می‌توانند بررسی اپ شما را به تاخیر بیندازند و اگر کار شما مهلت تحویل داشته باشد، صبر کردن برای شما جائز نیست.مزایای اصلی را بر ویژگی‌های اصلی برتری دهیدمردم می‌خواهند بدانند اپ شما چگونه می‌تواند زندگی آنها را بهتر یا آسانتر کند. اگر شما بیش از ۱۰۰۰ قلم کالا برای فروش داشته باشید، خیلی عالی است ولی توضیحی نمی‌دهد که چرا اپ شما بهتر از اپ رقبایتان است.برای نشان دادن مزایا، می‌توانید به اسکرین‌شات‌های خود متنی اضافه کنید که به وضوح مشخص کند چرا اپ شما بهترین انتخاب است.مثلاً اگر شما یک اپ برای تجارت الکترونیک ساخته باشید، می‌توانید توضیح دهید که چگونه سرویس‌های شما، بهتر خواهند توانست فروشندگان را با خریداران در ارتباط قرار دهد یا توضیح دهید که چطور فرایند پرداخت پول در اپ شما، سریعتر از اپ‌های رقیب عمل می‌کند.ترتیب نشان دادن اسکرین‌شات‌ها مهم استمراقب ترتیب تصادفی اسکرین‌شات‌های خود باشید. بیشتر مردم پس از دیدن تنها دو اسکرین‌شات، تصمیم‌گیری خواهند کرد. بنابراین دو اسکرین‌شات اول خیلی اهمیت دارد.هم‌چنین مردم محتوایی را بهتر متوجه می‌شوند که به شیوه‌ای روایی نمایش داده شود. در صورت امکان، اسکرین‌شات‌های خود را بگونه‌ای مرتب کنید که شروع، میانه و پایان تعریف‌شده‌ای داشته باشند.در همان مثال تجارت الکترونیک، می‌توانید صفحه‌ی عمومی کالای خود را اول نشان بدهید، سپس کالای مشخصی را انتخاب کنید و با نشان دادن صفحه‌ی خرید، کار نمایش را به پایان ببرید. داستانی ساده و اثرگذار. هر چه فهم آن آسانتر باشد، احتمال اینکه فرد آنرا دانلود کند، بیشتر است.طرز کار اپ خود را به دقت نمایش دهیدپس از اینکه اپ دانلود شد، نشان دادن طرز کار اپ هم به همان اندازه مهم است. اگر اپ قابل فهم نباشد، در زمانی به مراتب سریعتر از زمان نصب، از روی دستگاه پاک خواهد شد.برای تضمین موفقیت، از اپ شما باید بتوان به آسانی از آن استفاده کرد، تعاملی باشد، کاربرپسند بوده و پیچیده نباشد. تنها راه تضمین حس اعتماد کاربر، برای اینکه تمام مربع‌ها را علامت بزند، ارائه‌ی توضیحات خوب در اسکرین‌شات‌هاست.مثلاً اگر شما یک بازی ساخته‌اید، دستورالعمل‌های بازی را روی اسکرین شات‌های خود بنویسید ( مثال: برای شروع به اینجا ضربه بزنید، برای تقویت اینجا را فشار دهید، برای خروج اینجا را فشار دهید).باز هم تکرار می‌کنیم، هر چه فهمیدن اپ آسانتر باشد، افراد بیشتری برای دانلود آن اشتیاق نشان خواهند داد.توصیفی باشیدبا وجود اینکه متن‌ها به اندازه‌ی اسکرین‌شات‌ها ارزش ندارند، ولی باز هم مهم هستند.اسکرین‌شات‌ها، ارائه‌ی تصویری کار هستند و متن‌ها توضیح می‌دهند که در این تصویر دقیقاً چه اتفاقی دارد می‌افتد. هدف آنست که یک تصویر فریبنده و توصیفی، با متنی که به همان اندازه توصیفی است، همراه شود. به این ترتیب، خواننده واقعاً در جریان کار قرار خواهد گرفت.نتیجه‌گیریچگونگی نمایش اپ شما در یک اپ‌استور بسیار اهمیت دارد. چون اگر کاربران بتوانند خودشان را در حال استفاده از اپ شما در دنیای واقعی مجسم کنند، احتمال بیشتری دارد که آن اپ را دانلود کنند. کلید این کار، موکاپ‌های اثرگذار است.موکاپ‌های مناسب می‌توانند موفقیت اپ شما را رقم زده و یا از بین ببرند. برای دیدن آخرین موکاپ‌های ما، از فروشگاهمان که به صدها نفر کمک کرده است تا در اپ‌استورها موفق عمل کنند، بازدید نمایید. vagadesign vagadesign Mon, 16 Sep 2019 16:23:09 +0430 https://virgool.io/@vagadesign/%D8%B3%D8%A7%D8%AE%D8%AA-%DB%8C%DA%A9-%D9%BE%D9%88%D8%B1%D8%AA%D9%81%D9%88%D9%84%DB%8C%D9%88%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%AD%D8%AA%DB%8C-%D8%A8%D8%AF%D9%88%D9%86-%D8%AF%D8%A7%D8%B4%D8%AA%D9%86-%D8%AA%D8%AC%D8%B1%D8%A8%D9%87%DB%8C-%DA%A9%D8%A7%D8%B1%DB%8C-su60bjvyguoi دوست دارید یک طراح وب باشید اما تا کنون هرگز صفحه‌ی وبی طراحی نکرده‌اید. پس چطور می‌توانید یک پورتفولیو برای خودتان جمع و جور کنید؟ این مشکل تنها مختص شما نیست، همه‌ی ما با آن برخورد کرده‌ایم. نترسید، این کار امکانپذیر است. ما می‌توانیم کمکتان کنیم. چه بخواهید در یکی از بهترین شرکت‌های طراحی وب کشور کار کنید، چه در یک آژانس بخصوص، یا اگر بخواهید کسب و کاری را مستقیماً اداره کنید، این نکات می‌تواند شما را به سمت و سوی درست راهنمایی کند.شروع به کاربرای شروع، چه جایی بهتر از وبسایتی که همه‌‌اش درباره‌ی شما باشد؟ یک پورتفولیوی منحصر به فردِ شخصی‌سازی شده، می‌تواند بهترین چیزی باشد که مهارت و سبک یکتای شما در طراحی وبسایت را نشان دهد. با افزایش تجربه‌ی کاری، اگر درست برنامه‌ریزی کرده باشید، می‌توانید پروژه‌هایی را به آن اضافه کنید.کجا و چطوراگرچه شما مهارت‌های طراحی را دارید، ولی ممکنست مهارت‌های توسعه را نداشته باشید. اشکالی ندارد. تعداد زیادی پلتفورم رایگان و غیررایگان وجود دارند که می‌توانند میزبان شما بوده و به طرح‌ شما جان ببخشند. شما هر وبسایت‌ساز یا نرم‌افزار طراحی وب را که انتخاب کنید، قالب‌ها یا پلاگین‌هایی به شما عرضه خواهد کرد. به WordPress، Wix ، Dribble ، Bēhance ، Coroflot یا هر ابزاری که قبلاً با آن کار کرده و راحت بوده‌اید، نگاهی بیندازید. اینها ابزارهایی هستند که به افراد غیرطراح هم کمک می کند تا سایت خود را برنامه‌ریزی و طراحی کنند. در عین حال، آنقدر انعطاف‌پذیر هستند که بگذارند طرح خودتان را هم پیاده‌سازی کنید و در کدنویسی و مدیریت آن نیز به شما کمک می کنند. مثلاً Dribble Playbooks به شما امکان می‌دهد یک پروفایل دریبل درست کنید و آنرا به یک وبسایت تبدیل کرده و یک URL شخصی برای آن انتخاب کنید. از آن هم انعطاف‌پذیرتر، گزینه‌ی Semplice است که از وردپرس استفاده کرده و تعداد زیادی فونت و گنجینه‌ی تصویر به شما می‌دهد، اما مجبورتان نمی‌کند که قالب یا تمپلیتی برای خود تنظیم کنید. حتی به شما امکان می‌دهد که عناصر طراحی وب پاسخگو را که به گونه‌ای هموار، لود و منتقل می‌شوند، به آن بیفزایید و برای انجام این کار، نیازی نیست که یک توسعه دهنده‌ باشید.اگر بخواهید یک URL شخصی‌سازی‌شده‌تری داشته باشید، شاید بخواهید یک نام دامنه بخرید تا همه چیز ساده‌تر باشد یا شاید چندین مهارت توسعه‌دهندگی داشته باشید که بخواهید با آنها نیز خودی نشان دهید. به خاطر سپردن این URL، برای استخدام کنندگان یا کسانی که با شما تماس می‌گیرند، آسانتر است و نیازی نیست که کلمه‌های مربوط به نام دامنه یا نرم‌افزاری را که استفاده کرده‌اید، هم به آدرس اضافه شوند. اگر از نام خود در URL استفاده کنید، آنها می‌توانند با یک جستجو در گوگل، پورتفولیوی شما را پیدا کنند.محتویعلاوه بر نمونه‌ی پروژه‌ها و کارهای قبلی، باید اطلاعات مربوط به خودتان را هم در وبسایت بگذارید. موریل پیر-لوئی یک طراح UX با تجربه است و نه یک طراح وب تازه‌کار، در پورتفولیوی او المان‌های بسیار خوبی هست که می‌توانید آنها را در وبسایت خودتان بگذارید.· رزومه: از رزومه‌ی خود، یک نسخه‌ رزومه‌ی تصویری خوب و کامل تهیه کنید. وقتی برای کاری درخواست می‌دهید، باید یک نسخه یا نسخه‌هایی از رزومه در قالب‌های word / PDF / plain text هم بفرستید. بیشتر شرکت‌های بزرگ، برای خواندن رزومه‌هایی که زیبا نبوده و طراحی خوبی ندارند از رزومه پارسر استفاده می‌کنند. این فرصتی‌ست برای شما که یک صفحه خیلی شیک،‌ به شیوه‌ی اینفوگرافیکی بسازید.· راه‌های تماس: علاوه بر شماره تلفن و ایمیل، می‌توانید لینکی به پروفایل‌های شبکه‌های اجتماعی خود بگذارید، یا لینکی قرار دهید که با آن، به چشم‌انداز / رویکرد شما به طراحی، دسترسی داشته باشند.· درباره‌ی من: پرسش‌هایی را که در مصاحبه‌ی احتمالی خود خواهید داشت، در نظر داشته باشید. پرسش‌هایی مانند «درباره‌ی خودتان به ما بگویید.». از فرصت استفاده کرده و به پرسش‌هایی مانند این، در پورتفولیوی خود پاسخ دهید. این کار کمک خواهد کرد که زمانی که از شما چنین چیزی را حضوری می‌پرسند، آمادگی بیشتری داشته باشید. همچنین به بینندگان وبسایت شما کمک خواهد کرد که کمی بیشتر در مورد شما بدانند. چه چیزی شما را از دیگران متمایز کرده و با همکاری با شما چه سرمایه‌ای را به سازمان خود خواهند افزود. می‌توانید درباره‌ی شور و هیجان خود و آنچه که به شما انگیزه می‌دهد، حرف بزنید و با این کار به آنها امکان بدهید تا سوالات خود را از این نقطه شروع کنند، اما همواره آنان را مرتبط به موضوع نگهدارید.بعد چه؟بسیار خب. عالی. این خودش یک پروژه بود. اما ممکن است هنوز چند چیز مانده باشد که بخواهید بدانید. مثلاً چه چیزهای دیگری باید در وبسایتم بگذارم؟ بهتر است چه تعداد پروژه داشته باشم، قبل از اینکه وبسایت خودم را پروموت کنم؟ هر پروژه چطور باید ارائه شود؟ یادتان باشد، شما دنبال موقعیت‌های کاری صفر کیلومترها هستید و آنها انتظار ندارند شما حجم عظیمی از کارها را انجام داده باشید. اگر پروژه‌هایتان را خوب ارائه کنید، چیزی در حدود ۵-۳ پروژه کافی است.از تحصیلات خود بهره‌برداری کامل بکنیدبسیاری از بلاگرها و اهل فن، برای طراحی پورتفولیو، شیوه‌ی مطالعه‌ی موردی را پیشنهاد می‌کنند. این شیوه به شما امکان می‌دهید که پیرامون هر نمونه‌ی کاری خود، داستانی را هم شرح و بسط دهید، محصولات کاری خود را درون بافتار گذاشته و به کارفرمایان احتمالی، امکان بدهید تا بتوانند رویکرد شما به حل مسائل را تصور کنند. تنها گذاشتن چند اسکرین‌شات و یک لینک، نمی‌تواند توضیحی بر کار شما، یا دلیلی بر انتخاب این المانها توسط شما باشد. بعلاوه، این هم یکی دیگر از فرصت‌های آماده‌سازی برای مصاحبه است. مانند یک یادآور است تا به کمک آن جزییاتی را که باید توضیح دهید، یا تلاش‌هایی را که کرده‌اید (فارغ از اینکه به سرانجام رسیده باشند یا خیر) به خاطر بیاورید. به یک فرمت یکنواخت متشکل از چیزهایی مانند خلاصه، توصیف مسئله، فرایند و چه چیزهایی کار کردند و کدامها کار نکردند و چرایی آنها، بچسبید.پروژه‌های مدرسه بهترین راه انجام این کار است. اگر جزییات را فراموش کرده‌اید، می‌توانید برگردید و جزییات تکالیف مدرسه و بازخوردهای استاد را مرور کنید. احتمال دارد به موارد نمونه‌ای از چند کلاس برخورد کنید که بر مهارت‌های خاصی تمرکز کرده و نشاندهنده‌ی آن چیزی باشد که آموخته‌اید، چون هدف از دوره‌ها و تکالیف، آموزش فرایند و تکنیک‌ها به شماست و معمولاً از شما می‌خواهند که آنچه را که آموخته‌اید به روشی آسان، به یک مطالعه‌ی موردی تبدیل کنید.به یادگیری ادامه دهیدهنوز نتوانسته‌اید سه قسمت برای پورتفولیوی خود جور کنید؟ تمام کردن مدرسه، دلیل نمی‌شود که یادگیری را هم تمام کرده باشید. بیشتر برنامه‌های درسی، الزامات پایه‌ی آموزشی و مشتی دوره‌های خاص برای گرفتن مدرک تحصیلی هستند. منابع آنلاینی مانند LinkedIn Learning (که قبلاً Lynda.com نام داشت) و یا SkillShare را نگاه کنید و در آنها به جستجوی حوزه‌هایی بگردید که در آنها دوره‌هایی را نگذرانده‌اید، چه در کلاس‌های طراحی و چه در سایز حوزه‌های مرتبط. این کار کمک می‌کند تا آموخته‌های خود را جمع ‌و جور کرده و نشان می‌دهد که بطور مداوم مشتاق بهبود مهارت‌های خود هستید و به انجام یکی دو پروژه می‌انجامد. این حوزه‌ها را در نظر داشته باشید:· برنامه‌نویسی· طراحی وب پاسخگو· آموزش ابزارها· طراحی سه بعدی· ترندهای طراحی وبخویش‌فرمایی و کار حرفه‌ای عام‌المنفعهاگر هنوز هم کافی نیست، طراحی سایتی برای مهدکودک عمه، کلیسا یا مجتمعی غیرانتفاعی را مد نظر قرار دهید. دستمزدی به شما نمی‌پردازند، ولی در عوض تجربه‌ای باارزش و موردی برای افزودن به پورتفولیو را بدست می‌آورید، ضمن اینکه کار خوبی در حق دیگران هم انجام داده‌اید.گزینه‌ی دیگر، پیوستن به یک سایت کار آزاد و برداشتن چند کار با دستمزد پایین است. طراحی وب به صورت کار آزاد، نقطه‌ی خوبی برای شروع کار حرفه‌ای شماست. اگر به دنبال کارهای مخصوص تازه‌واردان بگردید، انتظاراتی که مشتری از شما دارد، خیلی کم است و باز هم تکرار می‌کنیم که شما علاوه بر افزودن آیتمی به پورتفولیوی خود، تجربه‌ی بسیار خوبی هم از کار کردن با مشتریان بدست خواهید آورد. وبسایت‌هایی مانند Upwork، Elance و Fiverr به شما امکان می‌دهند مشتری پیدا کنید و درآمد خود را مدیریت کنید.فعال و پر انرژی باشیدمهمترین بخش ساختن یک پورتفولیو، امکان بازدید از آن برای مردم است. اینطور نیست که «اگر وبسایتی بسازید، مردم به دیدن آن خواهند آمد.» وبسایت‌هایی مانند Dribble و Behance که وبسایت شما را میزبانی می‌کنند، پلتفرم‌های بسیار خوبی برای ارتقای پورتفولیوی جدید و شیک شما هستند. مطلبی با عنوان «ده راه برتر برای اینکه کار شما در Behance مورد توجه قرار بگیرد» را در وبسایت CreativBloq نگاه کنید تا توصیه‌هایی در مورد بدست آوردن دنبال‌کننده بگیرید و بیاموزید که چگونه می‌توان با داشتن صفحه‌ای با محتوای گلچین شده، مورد توجه قرار گرفت.URL وبسایت خود را در پروفایل شبکه‌های اجتماعی خود، از جمله لینکدین و توییتر بگذارید. اما لینک به تنهایی کافی نیست. درباره‌ی آن حرف هم بزنید. بالاتر در مورد گذاشتن لینک در شبکه‌های اجتماعی هم گفتیم. باید در شبکه‌های اجتماعی، فعال هم باشید. دوستان طراحی را که تحسین می‌کنید، مقاله‌های جالب را لایک زده و آنها را دوباره-پست می‌کنند و درباره‌ی ایده‌ها و تکنولوژی‌های جدیدی که پیدا می‌کنید، بحث کنید. فعال بودن باعث می‌شود فرصتی برای پیوستن به شبکه‌های جدید بدست آورده و توجه‌ها را به خود جلب کنید. توییتر، اینستاگرام و لینکدین نقطه‌های خوبی برای شروع هستند. حساب توییتری Luke Wroblewski یک مثال عالی از این دست است. پروفایل او شامل توضیح مختصری در مورد حوزه‌های (حرفه‌ای) مورد علاقه‌اش و نیز لینکی به وبسایت پورتفولیوی اوست. مقاله‌های جالب و رویدادهای اخیر را هم دوباره-پست می‌کند.بروزرسانی، بروزرسانی، بروزرسانیهمین طور که شروع به کار می‌کنید، مطالعه را هم ادامه دهید و در غیر این صورت، بدنه‌ی کاری خود را گسترش داده، خود را بروز نگهدارید و وبسایت‌تان را تازه کنید. شاید تنها با یک پروژه شروع کرده باشید، اما به زودی نمونه‌ کارهای زیادی انجام خواهید داد که پورتفولیوی شما را تقویت کند. حتی پس از اینکه اولین کار «واقعی» خود را بدست آوردید، پورتفولیوی خود را به روز نگهدارید. سر و کله‌ی فرصت‌ها به یکباره پیدا می‌شود و باید آماده باشید تا از آنها استفاده کنید. به روز نگهداشتن پورتفولیوی طراحی وب، هر موقع که این فرصت‌ها پدیدار شوند، شما احساس اطمینان خواهید داشت.هر مرحله از پروژه‌ی خود را، چه بزرگ و چه کوچک، مستند‌سازی کنید. از طراحی‌های اولیه خود اسکرین‌شات بگیرید، اسکچ‌های اولیه روی کاغذ خود را اسکن کنید و تایید کارفرما یا مشتری را برای استفاده از دست‌ساخته‌های خود، بگیرید. بلوک‌های زمانی را بطور مرتب زمانبندی کنید تا نشاندهنده‌ی دستاوردهای شما بوده و طرح‌های دلخواهتان را اضافه کنید. اگر با یک مدیر استخدام احتمالی در جایی روبرو شوید، کاملاً آماده خواهید بود و نسبت به این فرایند خلاق پیش‌زمینه بدست خواهید آورد. خواهید دید که چقدر پیشرفت کرده‌اید، انگیزه‌‌ای دوباره به خواسته‌های خود بدهید، و برای پروژه‌ی آینده، بطور بالقوه به چیزی متفاوت از قبل فکر کنید.خلاصهبرای شروع به ساختن پورتفولیوی خود و یا بهبود آن، صبر نکنید. اگر تنها یک پروژه‌ی کلاسی هم دارید، همین الان آنرا ضمیمه کنید. شما می‌توانید و باید، بطور پیوسته به سایت خود چیزی اضافه کرده و آنرا بهبود ببخشید. این تنها راهی نیست که می‌توان به کمک آن، اولین شغل را پیدا کرد، بلکه روشی ارزشمند برای رشد، اندیشیدن و تمرکز دوباره، پس از شروع و ادامه‌ی حرفه خود است. موفق باشید! vagadesign vagadesign Fri, 13 Sep 2019 17:51:49 +0430 https://virgool.io/@vagadesign/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA-%D9%81%D8%B1%D9%88%D8%B4%DA%AF%D8%A7%D9%87-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D9%86%D8%AA%DB%8C-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA%D9%87%D8%A7%DB%8C-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%AF%DB%8C-%D9%88-%D8%B2%DB%8C%D8%A8%D8%A7%DB%8C%DB%8C-%DA%A9%D9%87-%D9%81%D8%B1%D9%88%D8%B4-%D9%85%DB%8C%DA%A9%D9%86%D9%86%D8%AF-cktdr3t33qj5 طراحی وبسایت‌ فروشگاه اینترنتی چه مشخصات ویژه‌ای دارند؟هدف غائی یک وبسایت فروشگاه اینترنتی، انجام تراکنش‌های فروش است. یک وبسایت خیلی خوب فروشگاه اینترنتی به نیاز به چیزهای بسیار بیشتری از یک سبد خرید دارد. وبسایت شما باید از نظر طراحی، کاربردی و قابل رقابت و فروشگاه شما از نظر انتخاب و قیمت کالا، رقابتی باشد. وبسایت شما تنها ویترین فروشگاه نیست، بلکه سایت آموزشی، سایت بالقوه‌ی شبکه‌ی اجتماعی و نماینده‌‌ی برند/شرکت شماست.این مقاله به شما کمک خواهد کرد که دغدغه‌های طراحی و کاربردی بودن وبسایت فروشگاه اینترنتی خود را بررسی کرده و ببینید که آیا می‌خواهید آنرا بصورت خویش‌ساخت انجام دهید (مثلاً با استفاده از فروشگاه‌ اینترنتی ساز Shopify) یا یکی از بهترین شرکت‌های طراحی وبسایت، که نیازهایتان را بهتر از همه برآورده می‌کند، استخدام کنید. یکی از این شرکت ها را بررسی کنید تا ببینید آنها چطور کار می‌کنند و چگونه می‌توانند به شما کمک کنند.برند و شخصیتفروشگاه آنلاین شما از هر نظر، بایستی معرف شخصیت برند شما باشد. از طرح رنگ‌ها گرفته تا لحن محتوای مطالب. یکی از مهمترین وظایف وبسایت، بازاریابی است به ویژه اگر وبسایتتان تنها کانال فروش شما باشد. شرکت‌های با تجربه می‌توانند به شما در پا گرفتن برندتان کمک کرده و آنرا به گونه‌ای هموار و کارآمد، به بهره‌برداری برسانند. خریداران آنلاین، گزینه‌های بسیار زیادی پیش روی خود دارند. یک برند یکتا به شما کمک می‌کند با خوشحال کردن مشتریان خود، معروف شوید. به زبان آنان سخن بگویید، از رنگ‌های درخشان استفاده کنید و سایت خود را ساده و صریح نگهدارید.راهبری، جستجو و طبقه‌بندیسایت فروشگاه اینترنتی بسیار متکی بر مشتریانیست که می‌توانند محصولاتی را که می‌خواهند یا نیاز دارند، پیدا کرده و انتخاب نمایند. بر طبق نظر گروه نیلسن/نورمن، «شرکت‌کنندگان در پژوهش ما در هنگام خرید آنلاین، احساساتی مانند خشم یا سردرگمی از خود نشان داده‌اند...» هر چه تنوع کالاهایی که می‌فروشید بیشتر باشد، استفاده از گزینه‌های قدرتمندتر برای راهبری و جستجوی سایت فروشگاه شما، اهمیت بیشتری پیدا می‌کند. مثلاً فروشگاه Uncommon Goods از گزینه‌های متعددی برای راهبری استفاده می‌کند. آنها می‌خواهند مطمئن شوند که حتی اگر شما گزینه‌ای هم در ذهن نداشته باشید، هنوز ممکن است چیزی از آنها بخرید. مثال زیر نشان می‌دهد که چگونه وبسایت uncommongoods.com به شما کمک می کند تا فروشگاه را برای یافتن هدیه‌ای جستجو کنید. آنها برای کالاهایشان طبقه‌بندی پیچیده‌ای را به خدمت گرفته‌اند که به وسیله‌ی آن، بر اساس مناسبت، قیمت و شخص دریافت کننده، به شما کالاهایی را به عنوان هدیه، پیشنهاد کنند.اگر شما فرمت‌های و یا کانال‌های مختلفی برای معرفی کالای خود دارید، که باید هم داشته باشید، گزینه‌های راهبری برای نسخه‌های موبایل و اپ را هم مد نظر داشته باشید. وبسایت Boxed.com از سیستم راهبری تو در تو برای طبقه‌ها و زیرطبقه‌ها استفاده می‌کند که در تصویر نشان داده شده است. اما وقتی با موبایل خود، وبسایت‌شان را مرور می‌کنید، اگرچه می‌توانید به طبقه‌ها هدایت شوید ولی به زیرطبقه‌ها دسترسی ندارید.'صفحه‌های کالاهاوقتی مشتریان کالای احتمالی خود را پیدا می‌کنند، به حداکثر اطلاعات ممکن درباره‌ی آن کالا نیاز دارند. آنها می‌خواهند بتوانند آن کالا را مقایسه کنند، کالا را به گونه‌ای ببینند که انگار از نزدیک آنرا را دیده‌اند و نیز بتوانند به آسانی تمام گزینه‌های موجود را ببینند. عکس‌ها باید شفاف و واضح باشند. عکس کالا را از چندین نما بگذارید و گزینه‌ی زوم هم داشته باشید. وقتی کاربر گزینه‌های خرید مختلف را انتخاب می‌کند، بروز کردن عکس کالا را هم نباید فراموش نکنید. اگر اطلاعات مهمی مانند قیمت، بر اساس انتخاب‌ها، تغییر می‌کند، این موضوع باید خیلی روشن باشد. در مثال زیر، قیمت پایه‌ی کالا را در قسمت اطلاعات اولیه نشان می‌دهد، اما مقدار بروز شده‌ی قیمت را بر روی دکمه‌ی خرید به روزرسانی می‌کند که خواندن آن سخت است.در مورد لحن بیان، متنی که برای دکمه ها یا هر چیزی که «فراخوان یک واکنش» (call to action) است، باید به دقت لحاظ شود. Hubspotپیشنهاد می‌کند فراخوان واکنش‌ها یا CTAها برای مشتریان شناخته‌شده، شخصی‌سازی شوند. اما از ادغام محتوای دینامیک، مانند قیمت، در میان متن که کاربران معمولاً از آن سرسری رد می‌شوند، خودداری کنید. همانندسازی با الگوهای رایج آنلاین، به کاربرانی که با سرعت از روی متن‌ها می‌گذرند، کمک می‌کند. بنابراین متن ساده‌ایی مانند «افزودن به سبد خرید» از همه بهتر است.بسیاری از خرده‌فروشان آنلاین، المان‌های اجتماعی مانند نقدنویسی یا اشتراک‌گذاری را هم در وبسایت خود، فراهم کرده‌اند. این به مشتریان اجازه می‌دهد تا کالاها را با هم مقایسه کنند و نسبت به انتخاب‌های خود مطمئن‌تر باشند. با این کار سایت/کالای شما هم ارتقاء پیدا می‌کند. پیشنهاد دادن اقلام مشابه یا «اقلامی که معمولاً با هم خریده می‌شوند» در صفحه‌ی کالای شما، می‌تواند به افزایش مجموع خرید، کمک کند.سبد خریدیکی از بزرگترین دلایلی که خرده‌فروشان کوچک راه حل‌های فوری را برمی‌گزینند، توانایی تنظیم سبد خرید و فرایند خرید آسان است. اما محل اقامت مشتری شما ممکن است باعث شود نیاز به گزینه‌های منحصر به فردی در سایت خود داشته باشید. مثلاً گروه نیلسن/نورمن پیشنهاد می‌کند چنانچه فروش بین‌المللی در برنامه‌ی کار شما هست، انواع گزینه‌های پرداخت را، که در بیشتر کشورها رایج هستند، به سایت خود اضافه کنید. سبد خرید باید آسان و به وضوح قابل دسترسی باشد. عدم توجه به تجربه‌ی کاربران در مورد قیف فروش شما، ممکن است به از دست دادن موقعیت فروش بینجامد. لازم است راههای آسانی برای تغییر تعداد کالای سفارشی، دیدن گزینه‌های حمل کالا، افزودن کد تخفیف و گزینه‌های پرداخت، به مشخصات سایت فروشگاه شما اضافه گردد. اینها را ساده و کوتاه، ترجیحاً در یک صفحه نگهدارید. همه‌ی مشتریان برای یک خرید فوری، نمی‌خواهند پروفایل عریض و طویل و یا حساب کاربری ایجاد کنند. به مشتریان اجازه دهید تا بدون اینکه داستان زندگی‌شان را برای شما بگویند، از سایت فروشگاه شما بازدید کنند.خلاصهچه بخواهید سایت فروشگاه اینترنتی خود را با استفاده از پلتفرم‌های تجارت الکترونیکی بسازید و یا یک شرکت طراح را برای این کار استخدام کنید، در هر دو صورت، خواست شما آنست که بهترین کارها را برای کاربردی بودن و بازاریابی سایت خود انجام دهید تا از جذب و نگهداری مشتریان خود اطمینان حاصل کنید. انعطاف‌پذیری، راهبری آسان و فرایند کوتاه بررسی کالا را برای آنها فراهم کنید تا مطمئن شوید مشتریان را در سایت فروشگاه اینترنتی خود نگه می‌دارید و برای خریدهای آینده نیز، به شما خواهند برگشت. vagadesign vagadesign Wed, 11 Sep 2019 14:00:09 +0430 https://virgool.io/@vagadesign/%D8%A7%D9%84%DA%AF%D9%88%DB%8C-%D9%85%D8%A7%DA%A9%D8%AA-%D8%A2%DB%8C%D9%81%D9%88%D9%86-%DA%86%DB%8C%D8%B3%D8%AA-%D9%88-%DA%86%DA%AF%D9%88%D9%86%D9%87-%D9%85%DB%8C%D8%AA%D9%88%D8%A7%D9%86-%D8%A7%D8%B2-%D8%A2%D9%86-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%DA%A9%D8%B1%D8%AF-h6p2h0s7izn0 مشتریان اگر بتوانند ببینند که یک طرح در محیطی واقعی، چگونه به نظر می‌رسد، احتمال بیشتری می‌رود که آنرا تایید کرده و یا بخرند. در دنیایی که تصمیم‌گیری‌های سریع در حوزه‌ی کسب و کار، هنجار واقعی جامعه شده است، اینکه طراحان بتوانند ماکت‌های واقع‌نمایانه را به سرعت ارائه دهند، بیش از همیشه اهمیت دارد.از آنجایی که این ماکت‌ها می‌توانند تردید را به تایید مبدل کنند، بهترین کار آنست که تعدادی ماکت حاضر و آماده داشته باشید که در صورت لزوم بتوانید از هر یک از آنها استفاده کنید.در این راهنمای کوتاه، ما در فرایندی سه مرحله‌ای به شما نشان خواهیم داد که چگونه فایل‌های ماکت‌سازی را پیدا کرده، متوجه شده و از آنها به سود خود بهره ببرید.گام ۱# : شناسایی کرده و دانلود کنیدشما تقریباً می‌توانید هر آنچه را که نیاز دارید، روی اینترنت پیدا کنید، از جمله فایل‌های ماکت را. تعداد بسیار زیادی از این فایل‌ها به صورت رایگان و غیررایگان روی اینترنت هست. ما به شما پیشنهاد می‌کنیم که هر دو گروه را بررسی کرده و ببینید کدامیک برای شما بهتر است.بعد از اینکه فایل‌های مورد نظر خود را پیدا کردید، آنها را دانلود کنید. بیشتر فایل‌های ماکت شامل یک پوشه با یک فایل .psd ، .jpg و .txt یا یک فایل .pdfهستند. بیایید آنها را مطابق با آنچه انجام می‌دهند، دسته بندی کنیم:- فایل .psd یک فایل منبع است که شما می‌توانید محتوای آنرا ویرایش کرده و مالک آن فایل شوید.- فایل .jpg پیش‌نمایشی از الگوی نهایی است برای اینکه نمای کار خود را پس از تکمیل آن ببینید.- فایل .txt یا .pdf جزییات آن فایل را به نمایش می‌گذارد، مانند چه کسی آنرا ساخته، اطلاعات مربوط به لایسنس آن و چه چیز در آن فایل عرضه خواهد شدبیایید به عنوان نمونه، به یک ماکت آیفون نگاهی بیندازیم:نمای ماکت آیفون از روبرودر این فایل فشرده‌نشده، نگاهی خواهیم کرد به چند فرمت فایلی که در بالا آورده شده است.گام ۲#: فایل را باز کرده و آبجکت هوشمند را پیدا کنیداکنون که فایل خود را دانلود و از حالت فشرده خارج کرده‌اید، زمان آن فرا رسیده است که نرم افزار ادوبی فتوشاپ را باز کرده و با لایه‌های آن آشنا شوید.یادگیری چگونگی ویرایش کردن لایه‌های فتوشاپ مهم است، چون بایستی به زودی طرح خود را با عناصر موجود در آن الگو، جایگزین نمایید.بیشتر ماکت‌ها از دست کم سه لایه تشکیل شده‌اند: یک رنگ پس‌زمینه، خود آبجکت و فضایی برای یک تگ یا لوگو. البته تعداد لایه‌های موجود می‌تواند بر حسب تعداد آبجکت‌های موجود در الگو و نیز به میزان سادگی یا پیچیدگی طرحی که می‌خواهید ارائه کنید، متفاوت است.یک راه آسان برای مکانیابی لایه‌های مختلف، کلیک کردن روی آیکون چشم در فتوشاپ است. به این ترتیب می‌توانید بین نمایش‌های مختلف، سوییچ کنید.برای ویرایش آبجکت هوشمند خود، روی آن کلیک کنید به گونه ای که تمام پنجره را بپوشاند.آبجکت‌های هوشمندآبجکت هوشمند آبجکتیست که هر چقدر هم اندازه‌ی آنرا تغییر داده و یا عوضش کنید، هرگز کیفیت خود را از دست نخواهد داد. این آبجکت از تصویرهای وکتوری یا رستری تشکیل شده است که لایه‌هایی از داده‌های تصویری را به صورت فایل‌هایی با فرمت فایلهای ایلاستریتور و یا فتوشاپ ذخیره می‌کنند و هدف از طراحی آنها، ذخیره‌سازی ایمن مشخصه‌های تصویر، فارغ از ویرایش‌های صورت گرفته، است. به همین دلیل آنها را “هوشمند “می‌نامند.آبجکت‌های هوشمند فایل‌های رستر نشده هستند. این به چه معناست؟رستر کردن، عمل تبدیل یک تصویر وکتوری (فایل‌ ایلاستریتور) که پر از نقطه‌ و انحناست، به نسخه‌ی پیکسلی می‌گویند که قابل استفاده در کامپیوتر و چاپگر برای اهداف نمایشی باشد. بعضی ابزارها مانند پاک‌کن، سطل رنگ و فیلترها، فقط می‌توانند روی فایل‌های رستر شده کار کنند.آبجکت‌های هوشمند رستر شده نیستند، چون فرآیند رستر کردن به این معناست که دیگر نمی‌توانید بدون از دست دادن کیفیت عکس، اندازه‌ی آنرا تغییر دهید و نیز نخواهید توانست کلمه‌ها یا فونت‌های آنها را ویرایش نمایید. اینها کارهای مهمی‌ست که یک طراح برای ویرایش یک الگوی ماکت از آنها استفاده می‌کند.برای پیدا کردن آبجکت هوشمند، دنبال یک آیکون کوچک روی آن لایه بگردید. این آیکون معمولاً در گوشه‌ی سمت پایین راست قرار گرفته است. وقتی نشانگر ماوس را روی آن نگهدارید، متنی پدیدار خواهد شد که نشان می‌دهد شما روی یک آبجکت هوشمند قرار گرفته‌اید.گام ۳#: محتوای خود را قرار دهیدگام پایانی، ایجاد طرح مورد نظر شماست.در پنجره‌ی ویرایش خود، که شامل آبجکت هوشمند است، تنها کافیست طرح خود را درون چهارچوب کاری بکشید و محتوای ماکت را با کار هنری خود جایگزین نمایید.صفحه‌ی ویرایش آبجکت هوشمنددکمه‌ی ذخیره یا save را بزنید و برای دیدن تغییراتی که ایجاد کرده‌اید، به فایل PSD اصلی برگردید. فایل بروز شده مانند این به نظر خواهد رسید:ماکت با آبجکت‌های هوشمند ذخیره شدهاگر نسخه‌ی سفارشی دارید که می‌خواهید اضافه‌اش کنید، اکنون زمان انجام آن فرا رسیده است. وقتی کار را کامل کردید، آماده‌ی دیدن شگفت‌زدگی مشتری خود با نسخه‌ی واقعی طراحی خود باشید!در این مثال ما از iPhone X Mockup استفاده کرده‌ایم.نظر نهاییالگوهای ماکتی به مشتری شما کمک می‌کند تا بتواند طرح مورد نظر خود را در دنیای واقعی، مجسم کند. پیدا کردن و استفاده از این الگوها بی‌نهایت آسان است و می‌تواند تمامی تفاوت‌هایی که از طرح شما دریافت می‌شود، را بسازد.آیا شما در روابط با مشتریان خود، الگوهای ماکتی را سودمند یافته‌اید؟ خواهشمند است با تیم ما تماس گرفته و ما را در جریان قرار دهید. vagadesign vagadesign Mon, 09 Sep 2019 19:23:00 +0430