ওয়েবসাইট, মোবাইল অ্যাপস ইত্যাদির জন্য কীভাবে শীর্ষ খাঁটি ইউআই তৈরি করবেন তা শিখতে আমি সত্যিই আগ্রহী
ঠিক আছে, এটি একটি বিস্তৃত বিষয়। আপনি "সুন্দরী", "শীর্ষস্থানীয়", পেশাদার খুঁজছেন "ওয়েবসাইট তৈরি করতে চান। সুতরাং, আপনার এটি জানতে হবে যা লোকেদের" সুন্দর "হিসাবে কিছু বোঝে, তাই? ভাগ্যক্রমে আপনার জন্য, সৌন্দর্য সত্যই বিষয়গত নয়।
একটি সুন্দর ভিজ্যুয়াল ডিজাইনের কীগুলির মধ্যে একটি হ'ল সম্প্রীতি ।
সম্প্রীতির অভাব হ'ল যা আপনার ডিজাইনগুলিকে অপেশাদার দেখায়।
এবং, সবচেয়ে ভাল জিনিসটি হল ভিজ্যুয়াল সাদৃশ্য গণিতে নেমে আসে। এটি একটি অন্ত্র অনুভূতি সম্পর্কে নয়।
অন্যরাও বলেছে যে, আমি নিজে থেকেই ওয়েবসাইট ডিজাইনের পরামর্শ দেব। প্রস্তুত ফ্রেমওয়ার্ক ব্যবহার না করে আপনি যে নকশার নীতিগুলি শিখেন সেগুলি প্রয়োগ করার চেষ্টা করুন। এটি শুরুতে শক্ত হতে পারে তবে এটি আপনাকে আরও উন্নত হতে সহায়তা করবে।
কোনও ওয়েবসাইট ডিজাইনে কীভাবে সম্প্রীতি এম্বেড করা যায়
নিম্নলিখিতটি একটি ব্যবহারিক উদাহরণ এবং একটি মজার সামান্য অনুশীলন যা আপনি এখন করতে পারেন is
আমি ব্যক্তিগতভাবে পছন্দ করি এমন একটি উপায় হ'ল সুরক্ষিত অনুপাতে ওয়েবসাইটের উপাদানগুলিকে আকার দেওয়ার জন্য একটি মডিউল স্কেল ব্যবহার করা । একটি ওয়েবসাইট যা আপনাকে মডিউলার স্কেল তৈরি করতে সহায়তা করতে পারে এটি হ'ল: মডুলারস্কেল ডটকম
একটি মডুলার স্কেল ব্যবহারের সুবিধা হ'ল এটি স্কেল থেকে একটি সংখ্যা বাছাইয়ের মতো আকারের সিদ্ধান্ত নিতে পারে।
উদাহরণস্বরূপ, আসুন কোনও ওয়েবসাইটের শিরোনাম (ভিজ্যুয়াল শ্রেণিবিন্যাসের যোগাযোগের জন্য) আকার দিন।
ধরা যাক যে আমি বেছে নেওয়া 19px বডি ফন্ট আকারের উপর ভিত্তি করে আমাদের এই মডুলার স্কেল রয়েছে (19px কারণ এটি আমি যে ফন্টটি ব্যবহার করছিলাম তার সাথে এটি সবচেয়ে ভাল লাগছিল, তবে আপনি এই পদক্ষেপটি এড়াতে পারেন এবং ডিফল্ট 16px আকারের সাথে যেতে পারেন) এবং অনুপাত 1.412 (না আমি কেন এই অনুপাতটি বেছে নিয়েছি সে সম্পর্কে বিশদে যাওয়ার দরকার। আপনার প্রকল্পগুলির জন্য অনুপাতের চেয়ে কোনও অনুপাতই আরও ভাল করবে)):
এটির দিকে তাকিয়ে আমি H1 কে 2.815 মিমি, এইচ 2 কে 1.994 মিমি এবং এইচ 3 এর 1.412 মিমি বেছে নেব। বডি ফন্টের আকারের চেয়ে প্রথম 3 টি সংখ্যা বড়। ইজি-পিচি, তাই না? বডি টেক্সট 1 এএম হবে (আমার ক্ষেত্রে 19 পেক্স)। তারপরে, আমি এইচ 4-এইচ 6 টি 1 এএম আকারের করব এবং তার থেকে বডি টেক্সট থেকে আলাদা করতে কনট্রাস্ট (বিভিন্ন ফন্টের ওজন বা স্টাইল) ব্যবহার করব।
সুতরাং, এখন এটি চেষ্টা করুন:
- আপনার নিজস্ব মডুলার স্কেল তৈরি করুন
- একটি সরল এইচটিএমএল ডকুমেন্ট পান (আসল বিষয়বস্তু, দয়া করে কোনও লরেম ইপ্সাম নেই)
- শিরোনাম আকার করতে স্কেল ব্যবহার করুন।
- তারপরে অন্যান্য আকারের সিদ্ধান্তের জন্য (মার্জিন, প্যাডিংস ইত্যাদি) স্কেলটি ব্যবহার করে দেখুন
এটি উন্নত ডিজাইনের দিকে কেবল একটি ছোট পদক্ষেপ, তবে আমি আশা করি এটি আপনাকে সহায়তা করবে।
আপনি যদি এটি সহায়ক হিসাবে খুঁজে পেয়ে থাকেন তবে আপনি আমার এইচটিএমএল এবং সিএসএস জানেন এমন নতুন ওয়েব ডিজাইনারদের জন্য আমার 7 টি টিপসের তালিকা টি পড়তে পারেন
PS: আপনার সত্যিই অনেক কিছু পড়ার দরকার আছে
অন্যরা যেমন বলেছেন, পড়ুন:
- আলেকজান্ডার হোয়াইটের গ্রন্থিক ডিজাইনের উপাদানসমূহ
- টাইপোগ্রাফিক স্টাইলের এলিমেন্টস রবার্ট ব্রিনিহার্স্ট লিখেছেন
- স্টিভ ক্রুগ দ্বারা আমার চিন্তাভাবনা করুন না
এছাড়াও, এখানে নজর রাখার জন্য ব্লগ এবং সম্প্রদায়ের মতো অনলাইন সংস্থার একটি বিশাল তালিকা: enboard.co/webdesign/