Kemahiran padanan warna halaman web, fon teks, saiz fon, reka letak fon, dsb._Tutorial asas

Pemula yang membuat halaman web mungkin lebih terbiasa menggunakan beberapa gambar yang cantik sebagai latar belakang halaman web mereka Namun, jika anda melayari laman web komersial yang besar, anda akan mendapati bahawa mereka menggunakan lebih banyak warna putih, biru, kuning, dll. untuk membuat web. halaman kelihatan lebih menarik, murah hati dan mesra. Lebih penting lagi, ini boleh mempercepatkan kelajuan penonton membuka halaman web.

Secara umumnya, warna latar belakang halaman web hendaklah lebih lembut, jelas dan lebih terang, ditambah dengan teks gelap untuk menjadikannya kelihatan semula jadi dan selesa. Untuk kesan visual yang lebih menarik perhatian, gunakan warna yang lebih gelap untuk tajuk. Berikut adalah pengalaman saya dalam memadankan warna latar belakang dan warna teks halaman web semasa saya membuat halaman web dan melayari halaman web orang lain Warna ini boleh digunakan sebagai warna latar belakang teks atau warna latar belakang tajuk dipasangkan dengan fon yang berbeza, pasti akan ada kesan yang bagus, saya harap ia akan berguna kepada semua orang semasa membuat halaman web.

BgcolorΚ″#F1FAFA″——Warna latar belakang untuk teks utama adalah baik dan elegan
BgcolorΚ″#E8FFE8″——Warna latar belakang untuk tajuk lebih baik
BgcolorΚ″#E8E8FF″——Warna latar belakang untuk teks utama adalah lebih baik dan warna teks adalah hitam
BgcolorΚ″#8080C0″——Adalah lebih baik menggunakan teks kuning dan putih pada ia
BgcolorΚ ″#E8D098″————Adalah lebih baik untuk mempunyai teks biru muda atau biru padanya
BgcolorΚ″#EFEFFDA″——Adalah lebih baik untuk mempunyai teks biru muda atau merah padanya ia
BgcolorΚ″ #F2F1D7″——Ia elegan dengan teks hitam, dan ia kelihatan menarik jika ia berwarna merah
BgcolorΚ″#336699″——Ia kelihatan lebih baik dengan teks putih
BgcolorΚ″#6699CC″———— Ia kelihatan lebih baik dengan teks putih, anda boleh menggunakannya sebagai tajuk
BgcolorΚ″#66CCCC″——Ia kelihatan lebih baik dengan teks putih, anda boleh menggunakannya sebagai tajuk
BgcolorΚ″#B45B3E″——Ia kelihatan lebih baik dengan teks putih Sesetengah, anda boleh membuat tajuk
BgcolorΚ″#479AC7″——Ia kelihatan lebih baik dengan putih teks, anda boleh membuat tajuk
BgcolorΚ″#00B271″——Ia kelihatan lebih baik dengan teks putih, anda boleh menjadikannya Tajuk
BgcolorΚ″#FBFBEA″————Ia kelihatan lebih baik dengan teks hitam, biasanya sebagai teks utama
BgcolorΚ″#D5F3F4″————Ia kelihatan lebih baik dengan teks hitam, biasanya sebagai teks utama
BgcolorΚ″#D7FFF0″——— —Ia kelihatan lebih baik dengan teks hitam, biasanya sebagai teks utama
BgcolorΚ″#F0DAD2″————Ia kelihatan lebih baik dengan teks hitam, biasanya sebagai teks utama
BgcolorΚ "#DDF3FF "——Ia kelihatan lebih baik dengan teks hitam. Secara umumnya, sebagai teks utama
, latar belakang hijau muda dengan teks hitam atau latar belakang putih dengan teks biru kedua-duanya menarik perhatian, tetapi yang pertama menyerlahkan latar belakang dan yang terakhir menyerlahkan teks tersebut. Latar belakang merah dengan teks putih, dan latar belakang yang lebih gelap dengan teks kuning sangat berkesan.
Artikel ini hanyalah pengenalan Semua orang boleh menggunakan imaginasi mereka untuk memadankan warna yang lebih inovatif dan menarik perhatian untuk menjadikan halaman web lebih menarik

Kini, Internet semakin popular Sejak kebelakangan ini, melayari Internet secara beransur-ansur menjadi bahagian yang amat diperlukan dalam kehidupan kita. Dunia dalam talian berwarna-warni, dan sejumlah besar halaman web yang sangat baik dan cantik telah muncul. Penyampaian sejumlah besar maklumat rangkaian tidak lebih daripada teks, imej, animasi Flash, dll. Antaranya, teks ialah elemen reka bentuk yang paling penting dalam halaman web. Bagi pemula dalam reka bentuk web, amat penting untuk memahami dan menguasai reka bentuk susun atur teks dalam reka bentuk web Penulis ingin bercakap tentang pendapat peribadinya di bawah.
Pemformatan teks

Saiz fon, fon, jarak baris

Saiz fon boleh dikira dengan cara yang berbeza, seperti titik #quotel.quoter# atau piksel ( Piksel). Oleh kerana pencetakan berdasarkan teknologi piksel perlu ditukar kepada titik, adalah disyorkan untuk menggunakan titik sebagai unit.
Saiz fon yang paling sesuai untuk memaparkan teks utama halaman web ialah kira-kira 12 mata Banyak laman web yang komprehensif kini biasanya menggunakan saiz fon 9 mata kerana jumlah kandungan yang banyak yang perlu disusun pada satu halaman. Fon yang lebih besar boleh digunakan untuk tajuk atau kawasan lain yang memerlukan penekanan, dan fon yang lebih kecil boleh digunakan untuk pengaki dan maklumat sokongan. Perlu diingatkan bahawa saiz fon yang kecil cenderung untuk mewujudkan rasa integriti dan penghalusan, tetapi kurang boleh dibaca.
Pereka web boleh menggunakan fon untuk menjelmakan emosi yang ingin mereka nyatakan dengan lebih lengkap dalam reka bentuk mereka. Pemilihan fon ialah tindakan emosi dan intuitif. Walau bagaimanapun, tidak kira apa fon yang dipilih, ia mestilah berdasarkan reka bentuk keseluruhan halaman web dan keperluan penonton. Sebagai contoh: fon tebal adalah kuat dan berkuasa, dengan ciri-ciri maskulin, dan sesuai untuk kandungan dalam mesin, industri pembinaan, dll. , makanan dan industri lain. Pada halaman yang sama, jika terdapat lebih sedikit jenis fon, reka letak akan menjadi elegan dan stabil jika terdapat banyak jenis fon, reka letak akan menjadi aktif dan berwarna-warni. Kuncinya ialah cara memahami hubungan berkadar ini berdasarkan kandungan halaman.

Dari perspektif meningkatkan kebebasan platform, sebaiknya gunakan fon lalai untuk kandungan teks. Kerana penyemak imbas menggunakan perpustakaan fon pada mesin tempatan untuk memaparkan kandungan halaman. Sebagai pereka web, anda mesti menganggap bahawa kebanyakan penyemak imbas hanya mempunyai tiga jenis fon dan beberapa fon khusus yang sepadan dipasang pada mesin mereka. Fon yang anda tentukan mungkin tidak semestinya ditemui pada mesin penonton, yang membawa had besar kepada reka bentuk web. Penyelesaian kepada masalah ini ialah: di mana ia benar-benar perlu untuk menggunakan fon khas, teks boleh dibuat menjadi imej dan kemudian dimasukkan ke dalam halaman.

Perubahan dalam jarak baris juga boleh memberi kesan yang besar pada kebolehbacaan teks. Secara umum, tetapan jarak baris yang hampir dengan saiz fon lebih sesuai untuk teks kandungan. Nisbah biasa jarak baris ialah 10:12, iaitu, jika aksara ialah 10 mata, jarak baris ialah 12 mata. Ini disebabkan terutamanya oleh pertimbangan berikut: Jarak baris yang betul akan membentuk jalur kosong mendatar yang jelas untuk membimbing mata penonton, manakala jarak baris yang berlebihan akan menyebabkan baris teks kehilangan kesinambungan yang baik.

Selain impaknya terhadap kebolehbacaan, jarak baris itu sendiri juga merupakan bahasa reka bentuk yang sangat ekspresif Untuk meningkatkan kesan hiasan reka letak, jarak garisan boleh dilebarkan atau dikecilkan secara sedar untuk mencerminkan minat estetik yang unik. Sebagai contoh, meluaskan jarak baris boleh mencerminkan suasana yang santai dan santai, dan sesuai untuk kandungan yang menghiburkan dan lirik. Di samping itu, melalui penyusunan yang teliti, jarak yang luas dan sempit boleh wujud bersama, yang boleh meningkatkan hierarki spatial dan fleksibiliti susun atur dan menunjukkan kepintaran yang unik.

Jarak baris boleh ditetapkan menggunakan atribut ketinggian garisan adalah disyorkan untuk menggunakan titik atau peratusan ketinggian garisan lalai sebagai unit. Contohnya: {line-height: 20pt}, {line-height: 150%}.

Susunan keseluruhan teks

Bahagian teks utama halaman ialah kumpulan yang terdiri daripada banyak perkataan individu yang disusun kumpulan ini dalam reka letak keseluruhan halaman. Dari sudut pandangan seni, fon itu sendiri boleh dianggap sebagai bentuk seni, yang mempunyai kesan yang besar terhadap personaliti dan emosi orang. Dalam reka bentuk web, pemprosesan fon adalah sama pentingnya dengan pemprosesan elemen reka bentuk lain seperti warna, susun atur, grafik, dll. Dari satu segi, semua elemen reka bentuk boleh difahami sebagai grafik.

1. Teks grafik

Fon mempunyai dua fungsi: satu adalah untuk merealisasikan fungsi makna perkataan dan semantik, dan satu lagi ialah kesan estetik. Apa yang dipanggil graphicalization teks bermakna menekankan kesan estetiknya, menyatakan teks simbolik sebagai elemen grafik, dan pada masa yang sama mengukuhkan fungsi asal. Sebagai pereka web, anda boleh sama ada menetapkan fon dengan cara konvensional atau mereka bentuk secara artistik. Walau apa pun, semuanya harus menumpukan pada cara mencapai matlamat reka bentuk anda dengan lebih baik.
Teks grafik dan pengimejan boleh menyatakan idea reka bentuk yang mendalam dalam bentuk yang lebih kreatif, yang boleh mengatasi kebosanan dan kejelasan halaman web serta menarik perhatian orang ramai.

2. Tindanan teks

Selepas bertindih antara teks dan imej atau antara teks dan teks, ia boleh menghasilkan rasa ruang, melompat, ketelusan, bunyi dan naratif, sekali gus menjadi pusat halaman elemen aktif dan menarik perhatian. Walaupun teknik tindanan menjejaskan kebolehbacaan teks, ia boleh mencipta kesan visual yang unik pada halaman. Teknik ekspresi ini, yang tidak mengejar kebolehbacaan tetapi sengaja mengejar "bising", merangkumi aliran artistik. Oleh itu, ia bukan sahaja digunakan secara meluas dalam reka bentuk susun atur tradisional, tetapi juga digunakan secara meluas dalam reka bentuk web.

3． Tajuk dan teks kandungan

Apabila menyusun tajuk dan teks kandungan, anda boleh mula-mula mempertimbangkan untuk menyusun teks kandungan menjadi dua lajur, tiga lajur atau empat lajur, dan kemudian letakkan tajuk. Tujuan membahagikan teks kepada lajur adalah untuk mendapatkan ruang dan fleksibiliti pada halaman, dan untuk mengelakkan ketegaran dalam lajur dan tunggal dalam cara memasukkan tajuk. Walaupun tajuk adalah tajuk keseluruhan perenggan atau artikel, ia tidak semestinya perlu diletakkan di awal perenggan. Ia boleh disusun di tengah, secara mendatar, menegak atau di sisi, malah boleh dimasukkan terus ke dalam kumpulan perkataan untuk melanggar peraturan lama dengan susun atur novel.

4. Empat bentuk asas susunan teks

Bahagian teks utama halaman ialah kumpulan yang terdiri daripada banyak perkataan individu yang disusun daripada halaman.
Sama pada kedua-dua hujung: Panjang teks dari hujung kiri ke hujung kanan adalah genap, dan kumpulan aksara membentuk permukaan segi empat sama, yang kelihatan tegak, ketat dan cantik.
Susunan berpusat: Apabila jarak perkataan adalah sama, susun teks dengan bahagian tengah halaman sebagai paksi Kaedah susunan ini menjadikan teks lebih menonjol dan mencipta keindahan formal yang simetri.
Dijajarkan ke kiri atau dijajarkan ke kanan: Dijajar ke kiri atau dijajarkan ke kanan menjadikan permulaan atau penghujung garisan secara semula jadi membentuk garis menegak yang jelas, yang mudah dipadankan dengan grafik. Kaedah susunan ini longgar dan ketat, kosong dan padat, melompat dan elegan, mencipta keindahan irama dan irama yang formal. Jajaran kiri menepati tabiat membaca orang dan kelihatan semula jadi; jajaran kanan jarang digunakan kerana tidak sesuai dengan tabiat membaca, tetapi ia kelihatan seperti novel.
Susun di sekeliling imej: Susun teks di sekeliling tepi imej. Jika anda memasukkan imej asas ke dalam teks, ia akan berasa harmoni dan semula jadi.

Penekanan perkataan

1. Penekanan pada permulaan baris
membesarkan dan menghiasi perkataan atau huruf pertama teks dan membenamkannya pada permulaan perenggan Ini dipanggil "gaya lepas" dalam reka bentuk reka letak media tradisional.Penciptaan teknik ini boleh dikesan kembali kepada jurutulis zaman pertengahan di Eropah. Kerana ia menarik perhatian, menghiasi dan mengaktifkan susun atur, ia digunakan dalam susun atur teks halaman web. Penurunan harus menjangkau julat atas dan bawah garis lengkap. Bagi jumlah pembesaran, ia bergantung pada persekitaran halaman web.
2． Penekanan pada petikan
Apabila menyusun teks halaman web, anda akan sering menghadapi teks yang menggariskan, iaitu petikan. Petikan meringkaskan idea utama perenggan, bab, atau keseluruhan teks, jadi ia harus diberi kedudukan halaman khas dan ruang untuk penekanan dalam susun atur. Petikan boleh disusun dalam pelbagai cara, seperti membenamkannya di sebelah kiri dan kanan, di atas, di bawah atau di tengah teks, dan boleh ditukar dalam fon atau saiz untuk berbeza daripada teks.
3． Penekanan pada perkataan individu
Jika anda menganggap perkataan individu sebagai tumpuan halaman, anda secara sedar boleh mengukuhkan kesan visual perkataan dengan menebal, menambah kotak, menggaris, menambah simbol penunjuk, fon condong, dsb., supaya Ia kelihatan cemerlang dan menarik perhatian pada halaman secara keseluruhan. Di samping itu, menukar warna beberapa teks juga boleh menjadikan bahagian teks ini ditekankan. Kaedah ini sebenarnya menggunakan hukum kontras.

Warna teks

Dalam reka bentuk web, pereka bentuk boleh memilih pelbagai warna untuk teks, pautan teks, pautan yang dilawati dan pautan yang sedang aktif. Sebagai contoh, jika anda menggunakan editor FrontPage, tetapan lalai adalah seperti berikut: warna fon biasa ialah hitam, warna pautan lalai ialah biru, dan ia berubah kepada ungu selepas tetikus diklik. Menggunakan teks warna yang berbeza boleh menjadikan bahagian yang anda ingin tekankan lebih menarik perhatian, tetapi perlu diingatkan bahawa warna teks hanya boleh digunakan dalam jumlah yang kecil Jika anda ingin menekankan segala-galanya, tiada apa yang akan ditekankan. Selain itu, menggunakan terlalu banyak warna pada halaman akan menjejaskan keupayaan penonton untuk membaca kandungan halaman, melainkan anda mempunyai tujuan reka bentuk khas.

Selain menekankan bahagian khas keseluruhan teks, penggunaan warna juga boleh memberi kesan kepada ekspresi emosi keseluruhan salinan. Ini melibatkan simbolisme emosi warna, yang tidak akan dibincangkan secara mendalam di sini kerana batasan ruang.

Perkara lain yang perlu diberi perhatian ialah kontras warna teks, yang merangkumi kontras dalam kecerahan, ketulenan dan kontras antara panas dan sejuk. Ini bukan sahaja menjejaskan kebolehbacaan teks, tetapi yang lebih penting, anda boleh mencapai kesan reka bentuk yang diingini, emosi reka bentuk dan idea reka bentuk melalui penggunaan warna.

1. Pemprosesan warna
　
Warna adalah perkara yang paling sensitif untuk penglihatan manusia. Jika warna halaman utama dikendalikan dengan baik, ia boleh menjadi aising pada kek dan mencapai dua kali ganda hasil dengan separuh usaha. Prinsip penggunaan umum warna hendaklah "keselarasan keseluruhan, kontras setempat", iaitu: kesan warna keseluruhan halaman utama hendaklah harmoni, dan hanya kawasan tempatan dan kecil boleh mempunyai kontras warna yang kuat. Dalam penggunaan warna, warna utama yang berbeza boleh digunakan mengikut keperluan kandungan laman utama. Kerana warna adalah simbolik, contohnya: hijau lembut, hijau zamrud, kuning keemasan, dan taupe masing-masing boleh melambangkan musim bunga, musim panas, musim luruh dan musim sejuk. Kedua, terdapat warna profesional, seperti hijau zaitun untuk tentera dan polis, putih untuk penjagaan perubatan dan kesihatan, dll. Warna juga mempunyai perasaan psikologi yang jelas, seperti perasaan sejuk dan hangat, kesan maju dan berundur, dsb. Selain itu, warna juga mempunyai ciri-ciri kebangsaan Disebabkan oleh pengaruh persekitaran, budaya, tradisi dan faktor-faktor lain, pelbagai kumpulan etnik juga mempunyai perbezaan yang besar dalam pilihan warna mereka. Menggunakan sepenuhnya ciri-ciri warna ini boleh menjadikan halaman utama kami mempunyai konotasi artistik yang mendalam, sekali gus meningkatkan cita rasa budaya halaman utama. Berikut adalah beberapa skema warna yang biasa digunakan:

1. Warna hangat. Iaitu gabungan warna merah, oren, kuning, oker dan warna lain. Penggunaan warna ini boleh memberikan laman utama suasana yang hangat, mesra dan bersemangat. ​

2. Warna yang sejuk. Iaitu gabungan warna cyan, hijau, ungu dan lain-lain. Penggunaan warna ini boleh memberikan laman utama suasana yang tenang, sejuk dan elegan. ​

3. Warna kontras. Iaitu untuk memadankan warna dengan sifat warna yang bertentangan sepenuhnya dalam ruang yang sama. Contohnya: merah dan hijau, kuning dan ungu, oren dan biru, dsb. Gabungan warna ini boleh menghasilkan kesan visual yang kuat dan memberikan orang ramai perasaan yang cerah, berwarna-warni dan meriah. Sudah tentu, nada yang berbeza, jika digunakan secara tidak betul, boleh menjadi tidak produktif dan menghasilkan kesan norak, menarik perhatian. Ini memerlukan pemahaman prinsip penting "harmoni utama, kontras kecil", iaitu nada keseluruhan harus bersatu dan harmoni, dan mungkin terdapat beberapa kontras kecil yang kuat di kawasan setempat. ​

Akhir sekali, kita juga mesti mempertimbangkan kedalaman dan kecerahan warna latar belakang halaman utama Untuk meminjam istilah daripada fotografi, ia adalah "kunci tinggi" dan "kunci rendah". Mereka yang mempunyai warna latar belakang yang terang dipanggil kunci tinggi; mereka yang mempunyai warna latar belakang gelap dipanggil kunci rendah. Jika warna latar belakang gelap, warna teks harus terang, dan latar belakang gelap harus digunakan untuk mematikan kandungan berwarna terang (teks atau gambar sebaliknya, jika warna latar belakang terang, warnanya); teks hendaklah lebih gelap, dan latar belakang berwarna terang harus digunakan untuk memadamkan kandungan gelap (teks atau imej). Perubahan kedalaman ini dipanggil "perubahan kecerahan" dalam sains warna.Pada sesetengah halaman utama, warna latar belakang adalah hitam, tetapi teks juga dalam warna yang lebih gelap Memandangkan kecerahan warna agak dekat, mata pembaca akan berasa sangat sukar apabila membaca, yang menjejaskan kesan bacaan. Sudah tentu, kecerahan warna tidak boleh berubah terlalu banyak, jika tidak kontras kecerahan pada skrin akan menjadi terlalu kuat, yang juga akan membuat mata pembaca tidak dapat ditanggung.

Padanan warna halaman web 　

Warna halaman web adalah salah satu kunci untuk mewujudkan imej laman web, tetapi padanan warna adalah pening bagi netizen. Apakah warna yang harus digunakan untuk latar belakang, teks, ikon, sempadan, hiperpautan... halaman web dan apakah warna yang perlu dipadankan untuk menyatakan konotasi yang diharapkan dengan terbaik? Ajie bercerita tentang beberapa pengalaman di sini, berharap dapat memberi inspirasi kepada anda.

Pertama sekali, mari kita fahami beberapa pengetahuan asas tentang warna:

1. Warna dihasilkan oleh pembiasan cahaya.

2. Merah, kuning dan biru adalah tiga warna utama, dan warna lain boleh dicampur dengan tiga warna ini. Ungkapan warna dalam bahasa HTML halaman web dinyatakan oleh nilai berangka tiga warna ini Contohnya: merah ialah warna (255,0,0), perwakilan heksadesimal ialah (FF0000), putih ialah (FFFFFF). , kita sering melihat "bgColor=#FFFFFF" bermaksud warna latar belakang adalah putih.

3. Warna terbahagi kepada dua kategori: akromatik dan kromatik. Warna akromatik merujuk kepada warna sistem hitam, putih dan kelabu. Warna merujuk kepada semua warna kecuali warna akromatik.

4. Mana-mana warna mempunyai sifat ketepuan dan ketelusan Perubahan pada atribut menghasilkan warna yang berbeza, jadi sekurang-kurangnya berjuta-juta warna boleh dihasilkan.

Adakah lebih baik menggunakan warna atau bukan warna semasa membuat halaman web? Menurut penyelidikan yang dijalankan oleh institusi penyelidikan profesional, kesan ingatan warna adalah 3.5 kali ganda daripada hitam dan putih. Iaitu, secara umum, halaman berwarna lebih menarik daripada halaman hitam dan putih sepenuhnya.

Pendekatan biasa kami ialah: gunakan bukan warna (hitam) untuk teks kandungan utama dan gunakan warna untuk jidar, latar belakang dan gambar. Dengan cara ini, halaman secara keseluruhan tidak membosankan, dan kandungan utama tidak akan mempesonakan.

●Kombinasi bukan warna

Hitam dan putih ialah gabungan paling asas dan ringkas Aksara putih pada latar belakang hitam dan aksara putih pada latar belakang hitam sangat jelas. Kelabu adalah warna universal yang boleh dipadankan dengan mana-mana warna dan juga boleh membantu peralihan harmoni antara dua warna yang bertentangan. Jika anda benar-benar tidak dapat mencari warna yang sesuai, cubalah warna kelabu, pasti kesannya tidak terlalu teruk.

●Padanan warna

Warna sentiasa berubah-ubah dan padanan warna menjadi tumpuan penyelidikan kami. Kita masih perlu belajar lebih lanjut tentang warna.

1. Warna bulatan. Kita boleh mendapatkan cincin warna dengan menaik taraf warna "merah->kuning->hijau->biru->merah" dalam turutan. Dua hujung roda warna adalah warna hangat dan warna sejuk, dengan warna sederhana di tengah. (Seperti yang ditunjukkan di bawah)

Merah, oren, oren, kuning, kuning, kuning-hijau, hijau, turquoise, biru-hijau, biru, biru-ungu, ungu, ungu-merah, merah

|___________|.____| |_________|. |. Warna yang berbeza akan memberikan penonton perasaan psikologi yang berbeza.

Merah---adalah warna yang mengujakan. Kesan rangsangan boleh membuat orang berasa impulsif, marah, bersemangat, dan bertenaga.

Hijau---antara warna sejuk dan hangat, ia memberikan perasaan harmoni, ketenangan, kesihatan dan keselamatan. Digandingkan dengan warna putih keemasan dan cerah, ia boleh mencipta suasana yang elegan dan selesa.

Oren---juga warna yang mengujakan, dengan kesan ringan, ceria, hangat, hangat dan bergaya.

Kuning---mempunyai kebahagiaan, harapan, kebijaksanaan dan personaliti cahaya, ia mempunyai kecerahan tertinggi.

Biru---adalah warna yang paling sejuk, segar dan paling profesional. Ia dicampur dengan putih untuk mencerminkan suasana yang lembut, elegan dan romantis (seperti warna langit:)

Putih---mempunyai rasa keputihan, kecerahan, kepolosan dan kebersihan.

Hitam---mempunyai perasaan yang mendalam, misteri, senyap, sedih dan menyedihkan.

Kelabu---mempunyai perasaan sederhana, biasa, lemah lembut, rendah hati, berkecuali dan keanggunan. ​

Sedikit perubahan dalam ketepuan dan ketelusan setiap warna akan menghasilkan perasaan yang berbeza. Mengambil hijau sebagai contoh, kuning-hijau mempunyai konsep artistik visual yang muda dan bersemangat, manakala biru-hijau kelihatan tenang dan gelap.

●Prinsip padanan warna web

1. Warna halaman web hendaklah terang dan menarik perhatian.

2. Keunikan warna. Mempunyai warna tersendiri untuk membuat tanggapan semua orang tentang anda kuat. (Rujuk bahagian mengenai warna standard untuk laman web CI dalam Bahagian 2 Pemikiran Reka Bentuk)

3. Maksudnya, warna itu sesuai dengan suasana kandungan yang anda ungkapkan. Contohnya, menggunakan merah jambu untuk mencerminkan fleksibiliti tapak wanita.

4. Perkaitan warna. Warna yang berbeza akan mempunyai perkaitan yang berbeza Biru memikirkan langit, hitam memikirkan malam, merah memikirkan peristiwa gembira, dll. Warna yang anda pilih harus berkaitan dengan konotasi halaman web anda.

●Proses penguasaan warna web

Dengan pengumpulan pengalaman dalam penghasilan halaman web, penggunaan warna kami mempunyai trend sedemikian: monokrom -> berwarna-warni -> warna standard -> monokrom.Aufgrund mangelnder Technologie und fehlendem Wissen konnte ich zunächst nur eine einfache Webseite mit einer einzigen Farbe erstellen. Nachdem ich über eine bestimmte Grundlage und Materialien verfügte, hoffe ich, eine schöne Webseite zu erstellen und die besten Bilder zu stapeln Zufriedenstellende Farben, die ich auf der Seite gesammelt habe. Mit der Zeit stellte ich jedoch fest, dass die Farben unordentlich waren und keine Persönlichkeit und keinen Stil hatten. Ich wählte Farben aus, die zu mir passten oft erfolgreicher; wenn das endgültige Designkonzept und die Technologie ihren Höhepunkt erreicht haben, können Sie eine einfache und schöne Website mit einer einzigen Farbe oder sogar ohne Farbe entwerfen.

○Techniken zur Farbanpassung auf Webseiten

An dieser Stelle des Artikels fragen sich ungeduldige Internetnutzer möglicherweise: „Welche Farbkombinationen sollte ich verwenden, um gut auszusehen? Können Sie mehrere Farbschemata empfehlen?“ „Keine Sorge, hier sind einige Tipps, die Ihnen helfen können, schnell ein Farbmeister zu werden:)

1. Verwenden Sie eine Farbe. Dabei geht es darum, zuerst eine Farbe auszuwählen und dann die Transparenz oder Sättigung anzupassen (einfacher ausgedrückt bedeutet dies, die Farbe heller oder dunkler zu machen), um eine neue Farbe für die Verwendung auf der Webseite zu erzeugen. Eine solche Seite sieht farblich einheitlich aus und weist einen Sinn für Hierarchie auf.

2. Verwenden Sie zwei Farben. Wählen Sie zunächst eine Farbe und dann deren Kontrastfarbe aus (drücken Sie in Photoshop Strg+Umschalt+I). So wurde meine Homepage mit Blau und Gelb entschieden. Die gesamte Seite ist bunt, aber nicht übermäßig bunt.

3. Verwenden Sie ein Farbsystem. Um es einfach auszudrücken: Verwenden Sie eine Farbe, die sich wie Hellblau, Hellgelb, Hellgrün anfühlt; oder erdiges Gelb, erdiges Grau, erdiges Blau. Die Methode zum Bestimmen der Farbe ist für jeden unterschiedlich. Ich klicke in Photoshop auf das Vordergrundfarbfeld, wähle im angezeigten Farbauswahlfenster „Benutzerdefiniert“ und wähle es dann in der „Farbbibliothek“ aus :)

4. Verwenden Sie Schwarz und eine Farbe. Beispielsweise fühlen sich leuchtend rote Schriftarten mit schwarzen Rändern sehr „beliebt“ an.

Beim Web-Farbabgleich gelten folgende Tabus:

1. Verwenden Sie nicht alle Farben, sondern beschränken Sie sich auf drei Farben.

2. Der Kontrast zwischen dem Hintergrund und dem vorherigen Text sollte so groß wie möglich sein (verwenden Sie niemals komplizierte Muster als Hintergrund), um den Haupttextinhalt hervorzuheben

Farbanpassung

1. Rot hat eine warme Farbe und eine starke und aufgeschlossene Persönlichkeit. Es ist eine Farbe, die auf Menschen sehr anregend wirkt. Rot kann leicht die Aufmerksamkeit von Menschen auf sich ziehen und Menschen leicht aufgeregt, aufgeregt, nervös und impulsiv machen, und es ist auch eine Farbe, die leicht zu visueller Ermüdung führen kann.

a) Das Hinzufügen einer kleinen Menge Gelb zu Rot führt zu starker Hitze und macht es unruhig und unruhig.

b) Das Hinzufügen einer kleinen Menge Blau zu Rot schwächt seine Schärfe und macht es eleganter und weicher.

c) Das Hinzufügen einer kleinen Menge Schwarz zu Rot verleiht ihm einen ruhigen, schweren und schlichten Charakter.

d) Das Hinzufügen einer kleinen Menge Weiß zu Rot macht es sanft, zurückhaltend, schüchtern und zart.

2. Gelb hat einen kalten, arroganten, sensiblen Charakter und einen visuellen Eindruck von Ausdehnung und Unruhe. Gelb ist unter den verschiedenen Farben die zarteste Farbe. Solange dem reinen Gelb eine kleine Menge anderer Farben beigemischt wird, verändern sich dessen Farbton und Farbcharakter stark.

a) Das Hinzufügen einer kleinen Menge Blau zu Gelb verwandelt es in ein frisches Grün. Auch sein arroganter Charakter verschwand und es wurde ein friedliches und feuchtes Gefühl.

b) Das Hinzufügen einer kleinen Menge Rot zu Gelb verleiht ihm eine deutlich orangefarbene Note und sein Charakter wird sich von gleichgültig und arrogant zu einer gemessenen Leidenschaft und Wärme ändern.

c) Fügen Sie eine kleine Menge Schwarz zu Gelb hinzu, und das Farbgefühl und die Farbeigenschaften werden sich am stärksten verändern und zu einem komplexen Farbeindruck mit offensichtlichem Olivgrün werden. Auch seine Farbe und sein Wesen sind erwachsen und gelassen geworden.

d) Das Hinzufügen einer kleinen Menge Weiß zu Gelb macht die Farbe weicher und die Gleichgültigkeit und Arroganz des Charakters wird abgeschwächt, wodurch er zurückhaltender und zugänglicher wird.

3. Blau hat einen Sinn für Zynismus und eine einfache und introvertierte Persönlichkeit. Es ist eine Farbe, die den Menschen hilft, sich zu beruhigen. Der schlichte und introvertierte Charakter von Blau bietet oft einen tiefen, breiten und ruhigen Raum für Farben mit aktiven Persönlichkeiten und starker Expansionskraft und wird zu einem freundlichen und bescheidenen Freund, der die aktiven Farben hervorhebt. Blau ist auch eine Farbe, die auch nach Verdünnung eine starke Persönlichkeit zu behalten scheint. Wenn Sie dem Blau eine kleine Menge Rot, Gelb, Schwarz, Orange, Weiß und andere Farben hinzufügen, hat dies keinen wesentlichen Einfluss auf den Charakter von Blau.

a) Wenn Orange mehr gelbe Bestandteile enthält, ist ihr Charakter tendenziell süß, hell und duftend.

b) Das Mischen einer kleinen Menge Weiß mit Orange kann dazu führen, dass die Wahrnehmung von Orange unruhig und schwach wird.

4. Grün ist eine Farbe mit gelben und blauen Anteilen. Bei Grün sind die Ausdehnung von Gelb und die Schrumpfung von Blau ausgeglichen und die Wärme von Gelb und die Kälte von Blau ausgeglichen. Dadurch sind grüne Charaktere am friedlichsten und stabilsten. Es ist eine weiche, ruhige, glatte und schöne Farbe.

a) Wenn im Grün mehr gelbe Anteile vorhanden sind, ist der Charakter tendenziell lebhaft, freundlich und kindisch.

b) Fügen Sie dem Grün eine kleine Menge Schwarz hinzu, und sein Charakter wird feierlich, raffiniert und ausgereift.

c) Fügen Sie dem Grün eine kleine Menge Weiß hinzu, und sein Charakter wird tendenziell sauber, erfrischend und frisch sein.

5. Die Helligkeit von Lila ist unter den Farbpigmenten am niedrigsten. Die geringe Helligkeit von Lila verleiht den Menschen ein trübes und mysteriöses Gefühl.

a) Wenn in Lila mehr Rotanteile vorhanden sind, ist die Wahrnehmung depressiv und bedrohlich.

b) Durch das Hinzufügen einer kleinen Menge Schwarz zu Lila wirkt es langweilig, traurig und beängstigend.

c) Durch das Hinzufügen von Weiß zu Lila kann der langweilige Charakter von Lila verschwinden und es wird elegant, zart und voller weiblichem Charme.

6. Die Farbe Weiß ist hell und sein Charakter ist einfach, rein und fröhlich. Weiß ist heilig und unantastbar. Wenn dem Weiß eine andere Farbe hinzugefügt wird, beeinträchtigt dies seine Reinheit und macht seinen Charakter subtiler.

a) Mischen Sie eine kleine Menge Rot mit Weiß, um eine hellrosa Farbe zu erhalten, frisch und voller Versuchung.

b) Das Mischen einer kleinen Menge Gelb in Weiß ergibt ein milchiges Gelb, das den Menschen einen duftenden Eindruck vermittelt.

c) Mischen Sie eine kleine Menge Blau in Weiß, um den Menschen ein kühles und sauberes Gefühl zu geben.

d) Mischen Sie eine kleine Menge Orange in das Weiß, um ihm eine trockene Atmosphäre zu verleihen.

e) Das Mischen einer kleinen Menge Grün in Weiß vermittelt den Menschen ein kindisches und weiches Gefühl.

f) Das Mischen einer kleinen Menge Lila mit Weiß kann dazu führen, dass Menschen an einen leichten Duft denken.