https://virgool.ir/feed/@saeid.mirza.eiسلام. من یک حل کننده مشکلات تجربی و تصویری هستم. پیدا کردن راه حل برای ایده های ذهنی یا مشکلات تصویری و تجربی که باهاشون درگیر میشم، خیلی لذت بخشه و اینجا درباره اونها مینویسم.fa2026-11-11 09:15:27https://files.virgool.ir/upload/users/181012/avatar/rxdEJz.pnghttps://virgool.ir/@saeid.mirza.eihttps://virgool.ir/CreativePie/چرا-طراحی-وب-حوصله-سربر-شده-است-یا-چرا-همه-وبسایت-ها-مثل-هم-شدند-hm3ao8d0knwmامروزه اینترنت به بخشی جدا نشدنی از زندگی ما تبدیل شده است. اما در طراحی وب و صفحات آن چه میگذرد؟ همه چیز شبیه به هم! فونت­های یکسان. هیچ صحبتی از صفحه ­آرایی و لی­ اوت نیست. تایپوگرافی­ ها بهمریخته و نامنظم. صفحات را می­توان با هم عوض کرد و مطمئن بود که هیچ اتفاقی نمی­افتد. بدون ذره ­ای بیان بصری.اگر نگاهی به لیست کاندیداها و برندگان دوازدهمین جشنواره وب و موبایل ایران بیاندازید، با مجموعه­ ای از وبسایت­ها مواجه می­شوید که انگار طرح اولیه(wireframe) آنها را از روی یک شابلن زده­ اند و تنها در انتخاب رنگ و متن با هم متفاوتند؛ بدون هیچ پیوند و ارتباطی به محتوای درونشان!برنده و کاندیدای بخش تبلیغات و بازاریابی دیجیتال!مشکل چیست؟ چرا با وجود پیشرفت فوق­ العاده فناوری­های وب که امکان اجرای هر ایده و طرحی را می­دهد، طراحی وب تا این حد حوصله­ سربر شده است؟ چطور می­شود به یک نوع رابط کاربری آوانگارد، باهوش و موثر رسید؟ چه کسی موجب این وضعیت آشفته و کسل کننده شده است؟اگر با فضای طراحی وب سروکار داشته باشید، میدانید که امروزه بیشتر از طراحی و خلاقیت، تکنولوژی و ایدئولوژی است که آن را طراحی می­کند. هر صفحه تبدیل شده به ظرفی برای قرار گرفتن ظروف مختلف درون آن تا در پایان محتوای نهایی را درون آن بریزند. این وسط چیزی که به آن اهمیت نمی­دهند، محتوایی است که باید درون این ظرف­ها ریخته شود. انگار دیگر فراموش شده که برای ماست از کاسه ماست­خوری و برای چیپس از کاسه­ ای بزرگتر و برای نوشیدنی از لیوانی کوچکتر استفاده میکنیم و در وب به ندرت ظرفی را میبینیم که برای محتوایش مناسب باشد. هیچ چیز دقیقا طراحی نمی­شود، بلکه تنها فرض میشود که طراحی شده. ما فقط میدانیم که برای خوردن نوشیدنی نیاز به ظرف داریم، اما همین که ظرفی داشته باشیم برایمان کافی است. غافل از این که ظرف ما مناسب سبزی بوده و نوشیدنی محبوبمان را نصیب خاک و درگذشتگان خواهد کرد!اگر از ظرف مناسب استفاده نکنیم، دیگر هر نفس آواز عشق نمیرسد از چیپس و ماستچی شد که این شد؟من میتوانم چند دلیل را برای این مشکل عنوان کنم. اما اینها تنها دلایل این وضعیت نیستند. اگر دلایل دیگری را در این وضعیت دخیل میبینید، برای من بنویسید.پلتفرم­ های قالب­ محورسیستم­ های مدیریت محتوا(CMS) و پلتفرم ­های وبلاگ نویسی مثل وردپرس، بر اساس تمپلیت و قالب­ها کار میکنند. صفحات وب در این ساختارها به طور مجزا ساخته نمی­شوند، بلکه با کنار هم آمدن مدیاهای مختلف (تیترها، متن اصلی، عکس­ها و ویدیوها) ساخته میشوند. قالب­ها طرح نیستند! بلکه ساختارهایی برای ترکیب عناصر مختلف هستند. به عبارت دیگر، برای قالب­ها محتوا مهم نیست، و این یکی از دلایل تشابه در طراحی وب است.مساله فرم و محتواارتباط عمیق و معنادار بین فرم و محتوا یکی از اصول اولیه طراحی است که هر طراح گرافیک در اوایل تحصیل با آن روبرو می­شود. فرم باید همزمان هم محتوا را نمایش دهد و هم آن را شکل ببخشد. جدا کردن فرم و محتوا از یکدیگر، این اصل را نقض میکند و ظروف محتوای عمومی ایجاد میکند. اما در طراحی وب امروز، غالب فرم­ها بی­ معنا هستند و چیزی به محتوا اضافه نمی­کنند.ارتباط عمیق و معنادار بین فرم و محتوا یکی از اصول اولیه طراحی استعدم وجود خلاقیتیکی دیگر از این دلایل، تنبلی خلاقیت و ذهن طراحان است. انگار هیچ طراحی از این حجم از یکپارچگی در این فضا آزار نمی­بیند. و خود این موضوع چه دلیلی می­تواند داشته باشد جز عدم وجود دانش کافی در زمینه طراحی گرافیک و ارتباط مداوم با آثار شاخص این هنر؟زمان و هزینهاز دیگر دلایلی که جلوی خلاقیت طراحان را می­گیرد، دلایل اقتصادی و اجرایی هستند. به طور مثال طراحی هر صفحه وب به طور مجزا، وقت­گیر است. با توجه به سرعتی که مد نظر کارفرما است از یک سو و بودجه مربوط به پروژه از دیگر سو، چقدر میتوان آنها را متفاوت طراحی کرد؟ علاوه بر این طراحان کمی هستند که در کنار تسلط به اصول طراحی گرافیک و داشتن خلاقیت لازم برای طراحی یک صفحه وب، دانش لازم در خصوص نوشتن آن با HTML، CSS و... را نیز داشته باشند.چگونه با این مشکل مقابله کنیم؟ چطور وبسایت ­هایی آوانگارد، باهوش و زیبا بسازیم؟حدود ده سال پیش برای اولین بار وارد حوزه طراحی وب شدم. اگر خاطرتان باشد، وبسایت­ها در آن زمان وضع بسیار بدتری نسبت به امروز داشتند، و به ندرت میشد در فضای وب فارسی، وبسایتی پیدا کرد که نوعی طراحی منحصربه فرد و خیره­ کننده داشته باشد. از همان موقع در فضای وب جهانی و تاریخ طراحی گرافیک به دنبال نمونه­ های عالی طراحی دیجیتال می­گشتم. حال به عنوان یک راه حل بازخوانی تاریخ گذشته طراحی دیجیتال می­ تواند کمک زیادی به ما کند.بخشی از پوستر برنامه تابستانی انستیتو معماری کالیفرنیا. اثر آپریل گریمانبازخوانی تاریخ گرافیک دیجیتالآپریل گریمان، آغازگر ورود طراحی گرافیک به فضای کامپیوتر بود، گریمان و طراحان پس از او سعی کردند که نوعی بیان بصری را به فضای دیجیتال ،که تا آن زمان بلوک هایی از متن بود، اضافه کنند. در اواسط دهه نود و با پیشرفت توامان تکنولوژی و فرهنگ، امکان ایجاد ژانر جدیدی در طراحی دیجیتال به وجود آمد. نمونه­ های این انقلاب در طراحی دیجیتال را میتوان در آثار ایرما بوم، دیوید کارسون، پائولا شئر، نوویل برودی و بسیاری دیگر از طراحان برجسته جهان دید. ( وبسایت ها و صفحات این هنرمندان را ببینید تا بیشتر باطراحی گرافیک آوانگارد آشنا شوید.)اما با وجود این انقلاب، صفحات وب هنوز ضعیف بودند چرا که HTML متن محور بود و محدودیت­های بسیار زیادی داشت. به طور مثال تنها از چند نوع فونت میشد استفاده کرد یا برای ایجاد تاثیرات بصری می­ بایست از گیف ­ها استفاده می­کردند. طراحان گرافیک می­خواستند عمل طراحی را روی وب انجام دهند اما هیچکس نمیدانست چطور. تا پیش از آن صفحات وب طراحی خاصی نداشتند! CSS، JS، انیمیشن و فیلمی وجود نداشت. با پیشرفت تکنولوژی و به خصوص ورود HTML5 و CSS3، فضای بی­ انتهایی مقابل طراحان وب قرار گرفت. اما با آن چه کردند؟ همان قصه چیپس و پیاله ماست­خوری. مجموعه­ ای از الگوهای عمومی و تکراری، بدون ذره ­ای خلاقیت و بدون کوچکترین پیوندی با محتوا. در چنین شرایطی باید از طراحانی که حداقل اندکی خارج از این چارچوب­ ها فکر و کار می­کنند ممنون باشیم.نمونه های بهتر طراحی وب ایران که حداقل اصولی اولیه گرافیک، خلاقیت و پیوند حداقلی با محتوا را رعایت کردندامروزه مشکل طراحی وب محدودیت­های تکنولوژی نیست؛ بلکه این قدرت تخیل ماست که محدود شده. طراحان گرافیک بیش از حد با فضای طراحی به وجود آمده همراه شدند و به جای تخیل هنری، مسائل اقتصادی و انتظاراتِ پیشفرض سمت و سوی آنان را مشخص می­کنند.امروزه مشکل طراحی وب محدودیت­های تکنولوژی نیست؛ بلکه این قدرت تخیل ماست که محدود شدهبا این وجود در هر بحران، فرصتی وجود دارد. اکنون زمان خوبی برای به چالش کشیدن فضای تصویری اینترنت است. و طراحان گرافیک باید با نگاهی رادیکال، تجربی و مدرن سراغ طراحی وب بروند. برای مثال وبسایت­ های زیر را ببینید. اینها بازطراحی­ هایی هستند که توسط چند طراح گرافیک خلاق و آوانگارد انجام گرفته­ اند. انگار که با صفحه مرورگر به عنوان یک بوم خالی برخورد کرده ­اند و با کمک پتانسیل­ های فناوری وب امروز، یک اثر هنری را در مقابل مخاطب قرار می­دهند.وبسایت هکر نیوزوبسایت هکر نیوزراح: فابیان دینکلیج و فلوریان زیاوبسایت ZKM که یک پلتفرم هنری است طراح: فردریک هیس و جوناس کوپفروبسایت مدیومطراح: امیلی کریشمیر و فابیان شولتزوبسایت استریمطراح: داریا تِیس، بلا کورک و لوکاس ووگلدیوید کارسون می­گوید: «ارتباط را با خوانایی اشتباه نگیرید!». اگر بخواهیم این توصیه را درباره وضعیت وب امروز به کار بگیریم، خوانایی، قابلیت استفاده(usability)، تعامل(responsiveness) و خصوصا دسترسی همه­ جانبه، از ویژگی­های اساسی وب مدرن است. اما نباید اجازه داد که این ویژگی­ ها، کیفیت بصری آن را محدود کنند. اگر کلیشه ­ها را با قابلیت استفاده یکی فرض می کنید، نه طراحی بصری را درک می­کنید و نه طراحی انسان­ محور.امیداورم طراحی وب فارسی مسیری را پیش برود که متفکرانه، مولد، محرک، و مناسب محتوا شود؛ حداقل بخشی از وب فارسی من را شگفت­ زده کند و آن را به عنوان فضایی جدید برای طراحی ببینم. اگر شما هم مثل من هستید و این تکرار­ها و شابلن­ گذاری به نظرتان یک مشکل است، دلایل آن و راه­ حل­ هایی از آن را که به ذهن من نرسیده است، برای من بنویسید و وبسایت­های زیبایی را که از قواعد گذشته­ اند به من و خوانندگان این نوشته معرفی کنید.سعید میرزائیسعید میرزائیTue, 02 Jun 2020 13:07:43 +0430https://virgool.ir/CreativePie/استیو-جابز-برای-طراحی-محصولات-اپل-چه-چیزهایی-از-باهاوس-یاد-گرفت-bcojmpnjan5vلوگوی اپل براساس اصول مکتب باهاوس - طراحی شده توسط ولادیمیر نیکولوک«اگر به کامپیوترها نگاه کنیم، شبیه آشغال هستند!» این حرفی بود که استیو جابز در کنفرانس بین­ المللی طراحی آسپن در کلورادو در 1983 گفت. اپل تا آن سال 3 میلیون کامپیوتر فروخته بود و قصد داشت تا سال 1986، 10 میلیون کامپیوتر دیگر نیز بفروشد « چه آنها شبیه یک تکه گوه باشند، یا از نظر ظاهری عالی باشند.»اما جابز برای طراحی محصولات اپل در جستجوی راهی دیگر بود. او گفت:« این شی جدید در محیط کار همه قرار خواهد گرفت، و در محیط آموزشی و در محیط خانه و ما میخواهیم یک شی عالی را در آن جا قرار دهیم.»ساختمان مدرسه باهاوسحدود هشت دهه قبل در آلمان، هنرمندان، طراحان و صنعتگران مدرسه باهاوس، با مشکل مشابهی روبرو شدند. آنها شاهد افزایش تولید در اوایل دهه 1900 بودند اما متوجه شدند که این کالاهای خانگی حاصل تولید انبوه، فاقد زیبایی و روح هستند. پس وارد شدند و شروع به ساخت مبلمان، وسایل خانه و آشپزخانه و حتی لباس­هایی با زیبایی، ظرافت و ظاهری کاربردی کردند که امکان تولید انبوه آنان نیز وجود داشت. اپل آیپاد دستگاه ضبط صوت براون - 1959 طراح:دایتر رامزکم، زیاد است!در باهاوس محور تمام تلاش­ها و فعالیت­ها «سادگی» بود. « کم، زیاد است!» این جمله معروف لودویگ میس­ ون­ دروهه معمار باهاوس را احتمالا شنیده ­اید. این اصل بسیار فراتر از فقط سادگی فرم- آن اشکال هندسی تمیز با سطحی براق که محصولات باهاوس را به آن میشناسند- بود. هر شی می­بایست به طرزی بی نظیر طراحی می­شد تا استفاده از آن برای مصرف­ کننده راحت باشد.لودویگ میس ون دروهه : « کم، زیاد است!»از نظر امیلی اُور – گردآورنده آثار موزه طراحی کوپر هویت- این اصل راهنما و آموزه اصلی است که دو غول بزرگ طراحی را به هم پیوند می­زند. او می­گوید:« این ایده که نظم را به هر چیز پیچیده ­ای وارد کنیم؛ هم در طراحی محصولات اپل وجود دارد و هم در باهاوس. آیفون­های ما امروزه می­توانند هرکاری انجام دهند، هرکاری! اما چطور می­توان آن عملکرد بسیار پیچیده را به چیزی که ساده و کاربرپسند است تبدیل کرد؟» واقعا چطور؟!اما جابز همیشه بر اساس مدل باهاوس عمل نمی­کرد. اولین دفتر رسمی اپل- پس از خروج از گاراژ خانواده جابز- در ساختمانی بود که یک دفتر فروش محصولات سونی نیز در آن وجود داشت. جابز شیفته نوع نگاه محصولات سونی بود، که اغلب بروشورها را آویزان می­کردند و درمیانشان دور می­زدند. در دهه 1970 سونی یکی از معدود برندهایی بود که از نظر طراحی متمایز بود. اُور می­گوید:« زیبایی ­شناسی سونی میگفت: همه چیز نوعی کاملا پرجنب وجوش و مردانه دارد. محصولات سونی فریاد می­زد که: من یک قطعه الکترونیکی مصرفی هستم.» واچمن - تلویزیون سیاه سفید همراه سونی اولین برخورد جابز با باهاوساما در سال 1981 ، وقتی که جابز در اولین کنفرانس خود در انستیتو آسپن شرکت کرد، این نگاه صنعتی محو شد! پردیس دانشگاه کلورادو توسط هنرمند و معمار اتریشی هربرت بایر- آخرین استاد برجسته باهاوس- طراحی شده بود. سرشار از ساختمان­ها، مبلمان و علائم بدون دندانه (sans serif) که برآمده از ایده ­آل­ های باهاوس در اوایل قرن بیستم بود.دو سال بعد جابز اصول وام گرفته از باهاوس در طراحی محصولات اپل را توضیح داد. « مسیری که که ما می­ رویم در طراحی محصولات و تبلیغات این است: آن را ساده کنیم! واقعا ساده!» او تاکید کرد که بین اپل و سایر رقبا، یک تفاوت وجود دارد:« ما فناوری پیشرفته را روشن، ناب و صادق می­بینیم، نه این که یک نگاه سنگین صنعتی به رنگ سیاه سیاه سیاه داشته باشیم، مثل سونی»ما فناوری پیشرفته را روشن، ناب و صادق می­بینیم، نه این که یک نگاه سنگین صنعتی به رنگ سیاه سیاه سیاه داشته باشیم، مثل سونی!وفاداری به مواد و متریال!وفادار ماندن به مواد، یکی دیگر از خصوصیات بارز باهاوس بود. برای مثال صندلی معروف واسیلی اثر مارسل بوئر- طراح مجارستانی آمریکایی- بر متریال پیشرفته خود- در اینجا لوله­ های توخالی فولادی که در آن زمان فقط برای قاب و فرمان دوچرخه از آن استفاده می­شد- تاکید داشت؛ به جای آنکه آن را تغییر دهد یا آلمینیوم- به عنوان شیئی مربوط به آینده- آن را بپوشاند.صندلی واسیلی – اثر مارسل بروئرسالها بعد وقتی جابز و طراح تاثیر گذار اپل، جاناتان ایو اولین iMac را می­­ساختند، تصمیم گرفتند از یک پوسته شفاف استفاده کنند که بورد داخل را نمایان می­کرد. والتر آیزاکسون در زندگی­نامه خود می­گوید:« این پوسته از لحاظ استعاری و در واقعیت، شفافیت مهندسی داخلی کامپیوتر را به طراحی بیرونی متصل می­کند». اپل مثل یک باهاوس قرن بیست ­و یکمی حرفه­ های خلاق مختلف را با هم جمع کرده و آنها را در یک محصول متحد میکند.نمای جانبی اپل iMacباهاوس، جابز و تایپوگرافیجابز در مورد تایپوگرافی هم وسواس داشت! بایر، طراح موسسه آسپن، خودش فونت کلاسیک Bauhaus را طراحی کرده بود که در طراحی موسسه آسپن نیز از آن استفاده کرده بود. بدون زوائد، مینیمال و مدرن؛ و این را میتوان تعریف جنبش باهاوس درنظر گرفت. دقیقا به همان روشی که فونت­ های خاص برای طراحی محصولات اپل تولید شدند. اُور می­گوید:« چه درون سیستم باشد، چه در صفحه­ اصلی و چه در بسته­ بندی، برند اپل از طریق این تایپوگرافی قابل تشخیص است. »بدون زوائد، مینیمال و مدرن ؛ این را میتوان تعریف جنبش باهاوس درنظر گرفت.اور ادامه می­گوید:« اما تایپوگرافی فقط یکی از مولفه ­های اعتقاد گسترده­ تر به «طراحی کامل» است. این یکی دیگر از موارد پیوند باهاوس و اپل است. در باهاوس معتقد بودند که همه زمینه­ های خلاق، اعم از معماری یا طراحی گرافیکی یا نقاشی، باید در یک اثر هنری کلی جمع شوند. برای اپل همه فقط مربوط به محصول نیست. این مربوط به بسته ­بندی است و درمورد پیشخوانی است که بسته بندی در آن قرار دارد و مربوط به محیطی که آن قفسه­ ها در آن قرار دارند.»یک فروشگاه محصولات اپل« ما واقعا برای کیفیت موزه هنر مدرن تلاش می­کنیم.» این جمله استیوجابز است درباره تیم اپل. باید گفت آنها موفق شده­ اند. ده محصول اپل اکنون در موزه طراحی MoMA ( موزه هنر مدرن) قرار دارند. محصولاتی از جمله iPod نسل اول و iMac. همه آنها دارای خطوط براق، رنگ­های روشن، لبه ­های پیچیده و اشکالی هندسی هستند که ویژگی طراحی محصولات اپل است و بخشی از آن را مدیون تاثیر ماندگار باهاوس هستند.با توجه به آنچه درباره پیوند مکتب باهاوس و طراحی محصولات اپل گفته شد و نوع نگاه انسان شرقی به هنر، به نظر شما حضور هنر در محصولات شرقی و به خصوص ایرانی چگونه می­تواند باشد؟سعید میرزائیسعید میرزائیFri, 01 May 2020 23:06:53 +0430