همگی ما نمادهای تجاری کمپانیهای تبارک رو بارها روی محصولاتشون میبینیم و تبلیغات روی بستهبندی، وبسایت و بیلبوردها دنبال می کنیم البته پروسه پیاده سازی و قصه بسیاریشون رو نمیدونیم.
فیلیمو خدمت VOD (Video on demand) میباشد. آرشیوی از هزاران فیلم و سریال اهل ایران و فرنگی بر بستر وب. (برای شناخت بیشتر با فیلیمو بخوانید)
وقتی که اینجانب فعالیت رو آغاز کردم ورژن بتای آپارات فیلیمو منتشر گردیده بود (گزارش دیجیاتو از ورژن بتای فیلیمو)
برای فیلیمو، لوگویی پیاده سازی گردیده بود که از نگاه بصری غامض و ناهماهنگ بود و رنگ قابل قبولی برای ارائه در اینترنت نداشت. پس با سرپرستم هماهنگ شدم تا پیشنهادم رو در ارتباط با لوگو مطرح کنم.
مودبورد (Mood-Board)
معمولا همگی چیز از خطخطیها و اتودها روی شیت استارت میشه ولی اینجانب عادت دارم پیش از اینکه ایدههام رو روی صفحه پیاده سازی کنم یک مودبورد (Mood Board) بسازم و هر چیزی که به شکلی با شموحال مسئله پیاده سازی میتونه در ارتباط باشه رو یکجا توده کنم.
این شیوه برای اینکه وسعت متفرق ایدهها و عنصرها الهامنصیب رو سامان به این عالیه.
تصاویر، لغت ها، رنگها و هرچیز دیگهای که با معنا نماد راجع به بود رو کنار هم تودهآوری کردم.
از جمله پیام تبلیغاتی (slogan) فیلیمو: «بیغایت بایگانی فیلم» که یه خرده آنگاه به «بیوقفه فیلم ملاحظه کنید» تغییرو تحول کرد.
بیغایت مفهومی انتزاعی میباشد که در حرفههای ریاضی بهمعنای «بالاتر از هر مقدار» میباشد و برای تعریف مقادیر بیشتراز هر عدد یا این که غیرقابل اندازهگیری به فعالیت میرود. علامتٔ بیغایت در ریاضی ها ∞ میباشد.
به تصویر کشیدن معنی «بیغایت» اینجانب رو خاطر اثر ها موریس اشر (morris escher) هنرمند هلندی انداخت. خصوصیت اثر ها هنری موریس اشر، به کارگیری از هندسه و دانش ریاضی در کنار مخلوطبندی نتایج از خطای بصری و تکرار برای تداعی کردن معنی بیغایت و بناهای نا ممکن بود.
نوار موبیوس رینگای میباشد که به وسیله ریاضیدان آلمانی به اسم آگوست فردینانند موبیوس () کشف و تصویب شد. این رینگ یادآور به عبارتی مضمون بینهایتی میباشد که در اثر ها اشر دیدیم.
نوار موبیوس نواری میباشد که دو کناره آن بر هم قرار گرفته و رینگای را بوجود می آورد. اما می بایست یک کناره انتهایی پیش از اتصال به حاشیه دیگر نیم به دور چرخانده خواهد شد. میقدرت در میان هر دو نقطه از سطح این نوار، سوای انقطاع کردن کنارهٔ آن، خط ممتدی کشید.
تصاویر رینگ فیلم، سینماتوگراف و هرآنچه که در تاریخ سینما که میتوانست برای پیاده سازی لوگوی فیلیمو تداعی کننده و الهام نصیب باشه هم قسمت دیگری از محتوای فایل اینجانب بود.
کاوش در دنیای حقیقی وواقعی:
شناخت و تفحص خدمتهای شبیه فرنگی(نتفلیکس) یا این که داخلی(فیلمنت) نقاط مثبت و ضعفشون رو معلوم میکنه.
در همین مطالعات و کنجکاویها بود که متوجه مشابهت لوگوی فیلمنت با F-Secure شدم :)))
خطخطیهای آشفته
اولی خطوط بر طبق به عبارتی مثلث پخش (PLAY icon) در ادغام با رینگ فیلم و سینماتوگراف و... ولی در غایت، ادغام رینگ موبیوس و آیکون پلی لوگوی پایانی رو صورت اعطا کرد.
پالت رنگی فیلیمو
رنگ یکیاز کارداران موءثر در صورتگیری آرم میباشد و تاثیرات مستقیمی بر روی خیالی کاربر میگذارد.
رنگ لوگو فیلیمو در ورژن بتا برپایه لوگوی آپارات صورت گرفته بود و قرمز رنگ بود. یه خرده سپس زرد رنگ شد و در واپسین توصیه سازه بود طلایی باشه!
طلایی؟!
جدای از مشاجره روانشناسی رنگها که طلایی رو رنگی تجملاتی معرفی میکنه. اکران دادن رنگ طلایی در مانیتور دستو پاگیر بود و عملا نمی شد تحت عنوان رنگ سازمانی در پیاده سازی رابطکاربری به راحتی به کارگیری بشه. بدین ترتیب در کنار اتودهای طلایی در سه موقعیت تخت و طیفدار، رنگ نارنجی رنگ رو هم توصیه دادم و خوشبختانه پذیرش شد.
سفارش پالت رنگی فیلیمو - طلایی در کنار زردنارنجی
توصیه پالت رنگی فیلیمو - طلایی در کنار زردنارنجی
روانشناسی رنگ:
رنگ نارنجی رنگ انرژی و اقتدار رنگ قرمزرنگ را یار با شعف زردرنگ یاروهمدم دارااست. براین اساس با شعف ، تابش خورشید و گرما همپا میباشد. نارنجی رنگ نمایانگر غیرت و جدیت، شیدایی و شیفتگی، شعف، ابتکار عمل و سازندگی، عزم و نیت ، جذابیت، توفیق و شجاعت است.
رنگ نارنجی رنگ بر روی روحیه اثر مثبت می گذارد و القا کنندهی اثرات نیروبخش در بشر میباشد. برای همین برای تبلیغات حوزه سرگرمی، تفریح و ورزش به کار گیری میگردد و فی مابین جوان ها بیشترین کاربر را دارااست.
یکی ابزارهایی که مدام برای گزینش پالت رنگی ازش به کار گیری می کنم وب سایت colourlovers می باشد.
مثال ای از یک کدام از پالتهای رنگی رو گزینش کردم و پرامتیازترین رنگ نارنجی رنگ رو با کد رنگ (#FFC23B) تحت عنوان رنگ مهم تعیین کردم.
و برای القای احساس چرخش در لوگو بصورت پلهپله از نارنجی رنگ به سمت قرمزرنگ جنبش کردم.
اجرای پایانی، رازهای نهفته
اتودها فقط پیاده سازی میشن تا کلیت و مضمون رو برسونن.
ولی همت بینقص در انجام گفت و گو مستقلای میباشد که مستلزم شناخت با ضوابط دانش گرافیک است.
یک نشان بهتر مستقل از القای مضمون هماهنگ با سازمان، مستلزم یک اجرای قانونمند میباشد.
کل همت یک گرافیست درین مرحله ساختوساز ارتباطای پنهانی در میان خطوط و بردارهای تولیدکنندهی تاثیر با چشمان و مغر مخاطبان میباشد.
اینجانب دلداده نسبتها هستم. رازهای پنهانی که در اولی نگاه چشم نمیشوند ولی مکالمهای پنهانی با استفاده کننده برقرار مینمایند که فیض آن هماهنگی و آنچیزی میباشد که بهش میگیم زیبایی!
نسبتهای مخفی در لوگوی فیلیمو
همین بردارها، نسبتها و خطوط نامرئی هستن که گفتگوی در میان دیده و مغز رو منظم مینمایند تا تصویری ظریف از تاثیر در ذهن کاربر تصویب بشه.
طراح گرافیک در حین برهه زمانی پیاده سازی اتودها بایستی همگی نکات رو در حیث بگیره و پتانسیل لوگو در هر وضعیت رو رسیدگی کنه.
دفترچه مارک
هر برندی بایستی کاتالوگ طرز به کار گیری داشته باشه تا بقیه طراحان و حتی تاکسیهای تبلیغاتی طرز درست به کار گیری از تاثیر رو در حالت گوناگون بدانند. این شرکت قانون ها در دفترچهمارک (Brand Book) تصویب میشه و در دست کمپانیهای همکار و طراحان دسته قرار میگیره.
درین محل کار همگی بایدها و نبایدهای لوگو گستردن داده میشه. رنگبندی تاثیر روی قضیههای متفاوت، مسافت تایپوگرافی از لوگو بصورت عمودی یا این که افقی و نسبت مسافت لوگو در کنار لوگوهای دیگر و...
لوگو بایستی در بعدها خرد معین و خوانا باشه. از جمله راجعبه فیلیمو برای بعد ها خرد و تکرنگ، لوگوی متفاوتی پیاده سازی کردیم تا در هر قوانینی معین باشه.
پیاده سازی آیکون
فیلیمو سایت تماشای فیلم اینترنتی میباشد که می توانید اشتراک فیلیمو ارزان و با تخفیف نیز بخرید که می بایست آیکونش برای گویش پیاده سازی اندروید و iOS در بعدها گوناگون و هر رزولوشنی به خیر فی مابین دهها ورژن نرم افزار پیدا بشه.
لحاظ شما درباره ی پیاده سازی لوگوی فیلیمو چیه؟ خرسند میشم نظرتون رو دراینباره بشنوم :)
همگی ما نمادهای تجاری کمپانیهای تبارک رو بارها روی محصولاتشون میبینیم و تبلیغات روی بستهبندی، وبسایت و بیلبوردها دنبال می کنیم البته پروسه پیاده سازی و قصه بسیاریشون رو نمیدونیم.
فیلیمو خدمت VOD (Video on demand) میباشد. آرشیوی از هزاران فیلم و سریال اهل ایران و فرنگی بر بستر وب. (برای شناخت بیشتر با فیلیمو بخوانید)
وقتی که اینجانب فعالیت رو آغاز کردم ورژن بتای آپارات فیلیمو منتشر گردیده بود (گزارش دیجیاتو از ورژن بتای فیلیمو)
برای فیلیمو، لوگویی پیاده سازی گردیده بود که از نگاه بصری غامض و ناهماهنگ بود و رنگ قابل قبولی برای ارائه در اینترنت نداشت. پس با سرپرستم هماهنگ شدم تا پیشنهادم رو در ارتباط با لوگو مطرح کنم.
مودبورد (Mood-Board)
معمولا همگی چیز از خطخطیها و اتودها روی شیت استارت میشه ولی اینجانب عادت دارم پیش از اینکه ایدههام رو روی صفحه پیاده سازی کنم یک مودبورد (Mood Board) بسازم و هر چیزی که به شکلی با شموحال مسئله پیاده سازی میتونه در ارتباط باشه رو یکجا توده کنم.
این شیوه برای اینکه وسعت متفرق ایدهها و عنصرها الهامنصیب رو سامان به این عالیه.
تصاویر، لغت ها، رنگها و هرچیز دیگهای که با معنا نماد راجع به بود رو کنار هم تودهآوری کردم.
از جمله پیام تبلیغاتی (slogan) فیلیمو: «بیغایت بایگانی فیلم» که یه خرده آنگاه به «بیوقفه فیلم ملاحظه کنید» تغییرو تحول کرد.
بیغایت مفهومی انتزاعی میباشد که در حرفههای ریاضی بهمعنای «بالاتر از هر مقدار» میباشد و برای تعریف مقادیر بیشتراز هر عدد یا این که غیرقابل اندازهگیری به فعالیت میرود. علامتٔ بیغایت در ریاضی ها ∞ میباشد.
به تصویر کشیدن معنی «بیغایت» اینجانب رو خاطر اثر ها موریس اشر (morris escher) هنرمند هلندی انداخت. خصوصیت اثر ها هنری موریس اشر، به کارگیری از هندسه و دانش ریاضی در کنار مخلوطبندی نتایج از خطای بصری و تکرار برای تداعی کردن معنی بیغایت و بناهای نا ممکن بود.
نوار موبیوس رینگای میباشد که به وسیله ریاضیدان آلمانی به اسم آگوست فردینانند موبیوس () کشف و تصویب شد. این رینگ یادآور به عبارتی مضمون بینهایتی میباشد که در اثر ها اشر دیدیم.
نوار موبیوس نواری میباشد که دو کناره آن بر هم قرار گرفته و رینگای را بوجود می آورد. اما می بایست یک کناره انتهایی پیش از اتصال به حاشیه دیگر نیم به دور چرخانده خواهد شد. میقدرت در میان هر دو نقطه از سطح این نوار، سوای انقطاع کردن کنارهٔ آن، خط ممتدی کشید.
تصاویر رینگ فیلم، سینماتوگراف و هرآنچه که در تاریخ سینما که میتوانست برای پیاده سازی لوگوی فیلیمو تداعی کننده و الهام نصیب باشه هم قسمت دیگری از محتوای فایل اینجانب بود.
کاوش در دنیای حقیقی وواقعی:
شناخت و تفحص خدمتهای شبیه فرنگی(نتفلیکس) یا این که داخلی(فیلمنت) نقاط مثبت و ضعفشون رو معلوم میکنه.
در همین مطالعات و کنجکاویها بود که متوجه مشابهت لوگوی فیلمنت با F-Secure شدم :)))
خطخطیهای آشفته
اولی خطوط بر طبق به عبارتی مثلث پخش (PLAY icon) در ادغام با رینگ فیلم و سینماتوگراف و... ولی در غایت، ادغام رینگ موبیوس و آیکون پلی لوگوی پایانی رو صورت اعطا کرد.
پالت رنگی فیلیمو
رنگ یکیاز کارداران موءثر در صورتگیری آرم میباشد و تاثیرات مستقیمی بر روی خیالی کاربر میگذارد.
رنگ لوگو فیلیمو در ورژن بتا برپایه لوگوی آپارات صورت گرفته بود و قرمز رنگ بود. یه خرده سپس زرد رنگ شد و در واپسین توصیه سازه بود طلایی باشه!
طلایی؟!
جدای از مشاجره روانشناسی رنگها که طلایی رو رنگی تجملاتی معرفی میکنه. اکران دادن رنگ طلایی در مانیتور دستو پاگیر بود و عملا نمی شد تحت عنوان رنگ سازمانی در پیاده سازی رابطکاربری به راحتی به کارگیری بشه. بدین ترتیب در کنار اتودهای طلایی در سه موقعیت تخت و طیفدار، رنگ نارنجی رنگ رو هم توصیه دادم و خوشبختانه پذیرش شد.
سفارش پالت رنگی فیلیمو - طلایی در کنار زردنارنجی
توصیه پالت رنگی فیلیمو - طلایی در کنار زردنارنجی
روانشناسی رنگ:
رنگ نارنجی رنگ انرژی و اقتدار رنگ قرمزرنگ را یار با شعف زردرنگ یاروهمدم دارااست. براین اساس با شعف ، تابش خورشید و گرما همپا میباشد. نارنجی رنگ نمایانگر غیرت و جدیت، شیدایی و شیفتگی، شعف، ابتکار عمل و سازندگی، عزم و نیت ، جذابیت، توفیق و شجاعت است.
رنگ نارنجی رنگ بر روی روحیه اثر مثبت می گذارد و القا کنندهی اثرات نیروبخش در بشر میباشد. برای همین برای تبلیغات حوزه سرگرمی، تفریح و ورزش به کار گیری میگردد و فی مابین جوان ها بیشترین کاربر را دارااست.
یکی ابزارهایی که مدام برای گزینش پالت رنگی ازش به کار گیری می کنم وب سایت colourlovers می باشد.
مثال ای از یک کدام از پالتهای رنگی رو گزینش کردم و پرامتیازترین رنگ نارنجی رنگ رو با کد رنگ (#FFC23B) تحت عنوان رنگ مهم تعیین کردم.
و برای القای احساس چرخش در لوگو بصورت پلهپله از نارنجی رنگ به سمت قرمزرنگ جنبش کردم.
اجرای پایانی، رازهای نهفته
اتودها فقط پیاده سازی میشن تا کلیت و مضمون رو برسونن.
ولی همت بینقص در انجام گفت و گو مستقلای میباشد که مستلزم شناخت با ضوابط دانش گرافیک است.
یک نشان بهتر مستقل از القای مضمون هماهنگ با سازمان، مستلزم یک اجرای قانونمند میباشد.
کل همت یک گرافیست درین مرحله ساختوساز ارتباطای پنهانی در میان خطوط و بردارهای تولیدکنندهی تاثیر با چشمان و مغر مخاطبان میباشد.
اینجانب دلداده نسبتها هستم. رازهای پنهانی که در اولی نگاه چشم نمیشوند ولی مکالمهای پنهانی با استفاده کننده برقرار مینمایند که فیض آن هماهنگی و آنچیزی میباشد که بهش میگیم زیبایی!
نسبتهای مخفی در لوگوی فیلیمو
همین بردارها، نسبتها و خطوط نامرئی هستن که گفتگوی در میان دیده و مغز رو منظم مینمایند تا تصویری ظریف از تاثیر در ذهن کاربر تصویب بشه.
طراح گرافیک در حین برهه زمانی پیاده سازی اتودها بایستی همگی نکات رو در حیث بگیره و پتانسیل لوگو در هر وضعیت رو رسیدگی کنه.
دفترچه مارک
هر برندی بایستی کاتالوگ طرز به کار گیری داشته باشه تا بقیه طراحان و حتی تاکسیهای تبلیغاتی طرز درست به کار گیری از تاثیر رو در حالت گوناگون بدانند. این شرکت قانون ها در دفترچهمارک (Brand Book) تصویب میشه و در دست کمپانیهای همکار و طراحان دسته قرار میگیره.
درین محل کار همگی بایدها و نبایدهای لوگو گستردن داده میشه. رنگبندی تاثیر روی قضیههای متفاوت، مسافت تایپوگرافی از لوگو بصورت عمودی یا این که افقی و نسبت مسافت لوگو در کنار لوگوهای دیگر و...
لوگو بایستی در بعدها خرد معین و خوانا باشه. از جمله راجعبه فیلیمو برای بعد ها خرد و تکرنگ، لوگوی متفاوتی پیاده سازی کردیم تا در هر قوانینی معین باشه.
پیاده سازی آیکون
فیلیمو سایت تماشای فیلم اینترنتی میباشد که می توانید اشتراک فیلیمو ارزان و با تخفیف نیز بخرید که می بایست آیکونش برای گویش پیاده سازی اندروید و iOS در بعدها گوناگون و هر رزولوشنی به خیر فی مابین دهها ورژن نرم افزار پیدا بشه.
لحاظ شما درباره ی پیاده سازی لوگوی فیلیمو چیه؟ خرسند میشم نظرتون رو دراینباره بشنوم :)
آموزش دریافت کد تخفیف