Maison >interface Web >tutoriel CSS >Compétences en matière de correspondance des couleurs des pages Web, police du texte, taille de la police, disposition des polices, etc._Tutoriel de base
Les débutants qui créent des pages Web sont peut-être plus habitués à utiliser de belles images comme arrière-plan de leurs pages Web. Cependant, si vous parcourez de grands sites Web commerciaux, vous constaterez qu'ils utilisent davantage de blanc, de bleu, de jaune, etc. pour créer le Web. les pages semblent plus attrayantes, généreuses et chaleureuses. Plus important encore, cela peut considérablement accélérer la vitesse à laquelle les internautes ouvrent les pages Web.
De manière générale, la couleur d'arrière-plan d'une page Web doit être plus douce, plus claire et plus claire, associée à un texte sombre pour lui donner un aspect naturel et confortable. Pour un effet visuel plus accrocheur, utilisez une couleur plus foncée pour le titre. Ce qui suit est mon expérience dans la correspondance de la couleur d'arrière-plan et de la couleur du texte des pages Web lorsque je créais des pages Web et parcourais les pages Web d'autres personnes. Ces couleurs peuvent être utilisées comme couleur d'arrière-plan du texte ou comme couleur d'arrière-plan du titre. associé à différentes polices, il y aura certainement quelque chose de joli, j'espère que cela sera utile à tout le monde lors de la création de pages Web.
BgcolorΚ″#F1FAFA″——La couleur d'arrière-plan du texte principal est bonne et élégante
BgcolorΚ″#E8FFE8″——La couleur d'arrière-plan du titre est meilleure
BgcolorΚ″#E8E8FF″——La couleur d'arrière-plan du texte principal est meilleure et la couleur du texte est noire
BgcolorΚ″#8080C0″——Il est préférable d'utiliser du texte jaune et blanc sur il
BgcolorΚ ″#E8D098″————Il est préférable d'avoir du texte bleu clair ou bleu dessus
BgcolorΚ″#EFEFFDA″——Il est préférable d'avoir du texte bleu clair ou rouge dessus il
BgcolorΚ″ #F2F1D7″——Il est élégant avec du texte noir, et il a l'air accrocheur s'il est rouge
BgcolorΚ″#336699″——Il est plus beau avec du texte blanc
BgcolorΚ″#6699CC″———— C'est mieux avec du texte blanc, vous pouvez l'utiliser comme titre
BgcolorΚ″#66CCCC″——C'est mieux avec du texte blanc, vous Vous pouvez l'utiliser comme titre
BgcolorΚ″#B45B3E″——C'est mieux avec du texte blanc. Certains, vous pouvez faire en sorte que le titre
BgcolorΚ″#479AC7″——C'est mieux avec du blanc texte, vous pouvez créer le titre
BgcolorΚ″#00B271″——Il est plus beau avec du texte blanc, vous pouvez le rendre Titre
BgcolorΚ″#FBFBEA″————Il est plus beau avec du texte noir, généralement comme texte principal
BgcolorΚ″#D5F3F4″————Cela semble mieux avec du texte noir, généralement comme texte principal
BgcolorΚ″#D7FFF0″——— —Cela semble mieux avec du texte noir, généralement comme texte principal
BgcolorΚ″#F0DAD2″————Cela semble mieux avec du texte noir, généralement comme texte principal
BgcolorΚ "#DDF3FF "——Cela semble mieux avec du texte noir. Généralement, comme texte principal
, un fond vert clair avec du texte noir ou un fond blanc avec du texte bleu sont tous deux accrocheurs, mais le premier met en valeur l'arrière-plan et le second met en valeur le texte. Un fond rouge avec du texte blanc et un fond plus foncé avec du texte jaune sont très efficaces.
Cet article n'est qu'une introduction. Chacun peut utiliser son imagination pour assortir des couleurs plus innovantes et accrocheuses afin de rendre la page Web plus attrayante
De nos jours, Internet devient de plus en plus populaire. Ces derniers temps, la navigation sur Internet est progressivement devenue un élément indispensable de nos vies. Le monde en ligne est coloré et un grand nombre d’excellentes et belles pages Web ont vu le jour. La présentation d'une grande quantité d'informations sur le réseau n'est rien d'autre que du texte, des images, des animations Flash, etc. Parmi eux, le texte est l'élément de conception le plus important d'une page Web. Pour les débutants en conception de sites Web, il est particulièrement important de comprendre et de maîtriser la conception de la mise en page du texte dans la conception de sites Web. L'auteur aimerait parler ci-dessous de ses opinions personnelles.
Formatage du texte
Taille de la police, police, interligne
La taille de la police peut être calculée de différentes manières, comme les points #quotel.quoter# ou les pixels (Pixels). Étant donné que l’impression basée sur la technologie pixel doit être convertie en points, il est recommandé d’utiliser les points comme unité.
La taille de police la plus appropriée pour afficher le texte principal d'une page Web est d'environ 12 points. De nombreux sites Web complets utilisent désormais généralement une taille de police de 9 points en raison de la grande quantité de contenu qui doit être organisé sur une seule page. Des polices plus grandes peuvent être utilisées pour les titres ou d’autres zones nécessitant une attention particulière, et des polices plus petites peuvent être utilisées pour les pieds de page et les informations complémentaires. Il convient de noter que les petites tailles de police ont tendance à créer un sentiment d’intégrité et de raffinement, mais sont moins lisibles.
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.
Aligne à gauche ou à droite : L'alignement à gauche ou à droite fait que le début ou la fin de la ligne forme naturellement une ligne verticale claire, facile à assortir aux graphiques. Cette méthode d'arrangement est lâche et serrée, vide et solide, sautante et élégante, créant une beauté formelle de rythme et de rythme. L'alignement à gauche est conforme aux habitudes de lecture des gens et semble naturel ; l'alignement à droite est rarement utilisé car il n'est pas conforme aux habitudes de lecture, mais il semble nouveau.
Organiser autour de l'image : disposez le texte autour du bord de l'image. Si vous insérez l’image de base dans le texte, elle semblera harmonieuse et naturelle.
Emphase des mots
1. L'accent mis au début de la ligne
agrandit et décore le premier mot ou la première lettre du texte et l'intègre au début du paragraphe. C'est ce qu'on appelle le « style drop » dans la conception de mise en page multimédia traditionnelle.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.Sur certaines pages d'accueil, la couleur de fond est noire, mais le texte est également d'une couleur plus foncée. Étant donné que la luminosité des couleurs est relativement proche, les yeux des lecteurs seront très durs lors de la lecture, ce qui affecte l'effet de lecture. Bien entendu, la luminosité de la couleur ne peut pas trop changer, sinon le contraste de luminosité sur l'écran sera trop fort, ce qui sera également insupportable pour les yeux des lecteurs.
Correspondance des couleurs des pages Web
La couleur des pages Web est l'une des clés pour établir l'image d'un site Web, mais la correspondance des couleurs est un casse-tête pour les internautes. Quelles couleurs utiliser pour le fond, le texte, les icônes, les bordures, les hyperliens... des pages Web, et quelles couleurs doivent être assorties pour exprimer au mieux la connotation recherchée ? Ajie parle ici de quelques expériences, dans l'espoir de vous inspirer.
Tout d’abord, comprenons quelques connaissances de base sur la couleur :
1. La couleur est produite par la réfraction de la lumière.
2. Le rouge, le jaune et le bleu sont les trois couleurs primaires, et d'autres couleurs peuvent être mélangées avec ces trois couleurs. L'expression des couleurs dans le langage HTML de la page Web est exprimée par les valeurs numériques de ces trois couleurs. Par exemple : le rouge est la couleur (255,0,0), la représentation hexadécimale est (FF0000), le blanc est (FFFFFF). ), on voit souvent "bgColor=#FFFFFF" signifie que la couleur de fond est blanche.
3. Les couleurs sont divisées en deux catégories : achromatiques et chromatiques. Les couleurs achromatiques font référence aux couleurs du système noir, blanc et gris. La couleur fait référence à toutes les couleurs sauf les couleurs achromatiques.
4. Toute couleur a des attributs de saturation et de transparence. Les changements d'attributs produisent des teintes différentes, de sorte qu'au moins des millions de couleurs peuvent être produites.
Est-il préférable d'utiliser la couleur ou la non-couleur lors de la création de pages Web ? Selon des recherches menées par des instituts de recherche professionnels, l'effet mémoire de la couleur est 3,5 fois supérieur à celui du noir et blanc. Autrement dit, en général, les pages en couleur sont plus attrayantes que les pages entièrement en noir et blanc.
Notre approche habituelle est la suivante : utilisez la non-couleur (noir) pour le texte du contenu principal et utilisez la couleur pour les bordures, les arrière-plans et les images. De cette façon, la page dans son ensemble n’est pas monotone et le contenu principal ne sera pas éblouissant.
● Combinaisons non colorées
Le noir et le blanc sont la combinaison la plus basique et la plus simple. Les caractères blancs sur fond noir sont très clairs. Le gris est une couleur universelle qui peut s’associer à n’importe quelle couleur et peut également faciliter la transition harmonieuse entre deux couleurs opposées. Si vous ne trouvez vraiment pas de couleur appropriée, essayez le gris, l'effet ne sera certainement pas trop mauvais.
●Correspondance des couleurs
Les couleurs sont en constante évolution et la correspondance des couleurs est au centre de nos recherches. Nous devons encore en apprendre davantage sur la couleur.
1. Cercle chromatique. Nous pouvons obtenir un anneau de couleur en surclassant les couleurs "rouge->jaune->vert->bleu->rouge" dans l'ordre. Les deux extrémités de la roue chromatique sont des couleurs chaudes et des couleurs froides, avec des couleurs moyennes au milieu. (Comme indiqué ci-dessous)
Rouge, orange, orange, jaune, jaune, jaune-vert, vert, turquoise, bleu-vert, bleu, bleu-violet, violet, violet-rouge, rouge
|___________ |____| |_________ |_________|
Système neutre de couleur chaude
2. La sensation psychologique de la couleur. Différentes couleurs donneront aux spectateurs des sentiments psychologiques différents.
Le rouge --- est une couleur passionnante. L’effet stimulant peut rendre les gens impulsifs, en colère, enthousiastes et énergiques.
Vert --- entre les couleurs froides et chaudes, il donne une sensation d'harmonie, de tranquillité, de santé et de sécurité. Associé au jaune doré et au blanc clair, il peut créer une atmosphère élégante et confortable.
Orange --- est aussi une couleur passionnante, avec des effets légers, joyeux, chaleureux, chaleureux et à la mode.
Le jaune --- a le bonheur, l'espoir, la sagesse et une personnalité légère, il a la plus haute luminosité.
Le bleu --- est la couleur la plus cool, la plus fraîche et la plus professionnelle. Il est mélangé au blanc pour refléter une atmosphère douce, élégante et romantique (comme la couleur du ciel :)
Le blanc --- a une sensation de blancheur, de luminosité, d'innocence et de propreté.
Noir --- a des sentiments profonds, mystérieux, silencieux, tristes et déprimants.
Gris --- a un sentiment de modération, d'ordinaire, de douceur, d'humilité, de neutralité et d'élégance.
De légers changements dans la saturation et la transparence de chaque couleur produiront une sensation différente. En prenant le vert comme exemple, le jaune-vert a une conception artistique visuelle jeune et exubérante, tandis que le bleu-vert apparaît tranquille et sombre.
QuantityPrincipes de correspondance des couleurs Web
1. Luminosité de la couleur. Les couleurs de la page Web doivent être vives et accrocheuses.
2. Le caractère unique de la couleur. Ayez une couleur distinctive pour que l'impression que tout le monde ait de vous soit forte. (Reportez-vous à la section sur les couleurs standards pour le site Web CI dans la partie 2 de Design Thinking)
3. C’est-à-dire que la couleur est adaptée à l’ambiance du contenu que vous exprimez. Par exemple, utiliser le rose pour refléter la flexibilité d’un site féminin.
4. L'association de la couleur. Différentes couleurs auront des associations différentes : le bleu pense au ciel, le noir pense à la nuit, le rouge pense aux événements heureux, etc. La couleur que vous choisissez doit être liée à la connotation de votre page Web.
●Le processus de maîtrise des couleurs Web
Avec l'accumulation d'expérience dans la production de pages Web, notre utilisation des couleurs a une telle tendance : monochrome -> coloré -> couleur standard -> monochrome.Pada mulanya, kerana kekurangan teknologi dan pengetahuan, saya hanya boleh membuat laman web yang mudah dengan satu warna Setelah mempunyai asas dan bahan tertentu, saya berharap untuk mencipta halaman web yang cantik dan mengumpul gambar yang terbaik dan paling banyak warna yang memuaskan telah saya kumpulkan pada halaman itu; Tetapi seiring dengan berlalunya masa, saya mendapati bahawa warna itu tidak kemas dan tidak mempunyai keperibadian dan gaya selalunya lebih berjaya; apabila konsep dan teknologi reka bentuk akhir mencapai kemuncaknya, Kembali kepada asas, anda boleh mereka bentuk tapak yang ringkas dan cantik dengan satu warna atau bukan warna.
○Teknik padanan warna pada halaman web
Pada ketika ini dalam artikel, netizen yang tidak sabar mungkin bertanya: "Apakah kombinasi warna yang harus saya gunakan untuk kelihatan menarik? Bolehkah anda mengesyorkan beberapa skema warna? " Jangan risau, berikut adalah beberapa petua yang boleh membantu anda cepat menjadi master warna:)
1. Gunakan satu warna. Ini merujuk kepada memilih warna terlebih dahulu, dan kemudian melaraskan ketelusan atau ketepuan (untuk menjadikannya lebih mudah, ia bermakna menjadikan warna lebih terang atau lebih gelap) untuk menjana warna baharu untuk digunakan pada halaman web. Halaman sedemikian kelihatan seragam dalam warna dan mempunyai rasa hierarki.
2. Gunakan dua warna. Mula-mula pilih warna, kemudian pilih warna kontrasnya (tekan ctrl+shift+I dalam photoshop). Beginilah cara halaman utama saya diputuskan dengan biru dan kuning. Seluruh halaman berwarna-warni tetapi tidak terlalu berwarna-warni.
3. Gunakan sistem warna. Secara ringkasnya, gunakan warna yang terasa seperti biru muda, kuning muda, hijau muda atau kuning bumi, kelabu bumi, biru bumi. Kaedah menentukan warna adalah berbeza untuk semua orang Saya klik pada kotak warna latar depan dalam Photoshop, pilih "Custom" dalam tetingkap pemilih warna yang muncul, dan kemudian pilih dalam "Perpustakaan Warna" :)
4 Guna hitam dan satu warna. Sebagai contoh, fon merah terang dengan sempadan hitam terasa sangat "popular".
Dalam padanan warna web, pantang larangnya ialah:
1 Jangan gunakan semua warna, cuba hadkan kepada tiga warna.
2. Kontras antara latar belakang dan teks sebelumnya hendaklah sebesar mungkin (jangan sekali-kali menggunakan corak rumit seperti latar belakang) untuk menyerlahkan kandungan teks utama
Padanan warna
1. Merah mempunyai warna yang hangat dan personaliti yang kuat dan menarik. Merah dengan mudah boleh menarik perhatian orang, dan ia juga boleh membuat orang teruja, teruja, gementar, impulsif, dan ia juga merupakan warna yang mudah menyebabkan keletihan visual.
a) Menambah sedikit kuning kepada merah akan menyebabkan haba yang kuat dan menjadikannya gelisah dan gelisah.
b) Menambah sedikit biru kepada merah akan melemahkan habanya dan menjadikannya lebih elegan dan lembut.
c) Menambah sedikit hitam kepada merah akan menjadikan wataknya tenang, berat dan ringkas.
d) Menambah sedikit putih kepada merah akan menjadikannya lembut, pendiam, pemalu dan halus.
2. Kuning mempunyai perwatakan yang dingin, angkuh, sensitif dan kesan visual tentang pengembangan dan kegelisahan. Kuning adalah warna yang paling halus di antara pelbagai warna. Selagi sejumlah kecil warna lain dicampur menjadi kuning tulen, warna dan watak warnanya akan berubah dengan ketara.
a) Menambah sedikit biru kepada kuning akan mengubahnya menjadi hijau segar. Perwatakan sombongnya juga hilang, cenderung kepada perasaan damai dan lembab.
b) Menambah sedikit merah kepada kuning akan memberikan rasa oren yang berbeza, dan perwatakannya akan berubah daripada acuh tak acuh dan sombong kepada semangat dan kemesraan yang terukur.
c) Tambahkan sedikit hitam kepada kuning, dan rasa warna dan sifat warna akan berubah paling banyak, menjadi kesan warna yang kompleks dengan hijau zaitun yang jelas. Warna dan sifatnya juga telah menjadi matang dan mudah mesra.
d) Menambah sedikit putih kepada kuning menjadikan warna lebih lembut, dan sikap acuh tak acuh dan keangkuhan dalam watak dicairkan, menjadikannya lebih terpelihara dan mudah didekati.
3. Biru mempunyai rasa sinis, personaliti yang ringkas dan introvert, dan merupakan warna yang membantu minda orang menjadi sarkastik dan tenang. Watak biru yang ringkas dan introvert selalunya memberikan ruang yang mendalam, luas dan tenang untuk warna tersebut dengan personaliti aktif dan kuasa pengembangan yang kuat, menjadi rakan yang mesra dan rendah hati yang mencetuskan warna aktif. Biru juga merupakan warna yang kelihatan mengekalkan keperibadian yang kuat walaupun selepas ia dicairkan. Jika anda menambah sedikit warna merah, kuning, hitam, oren, putih dan warna lain kepada biru, ia tidak akan memberi kesan yang ketara pada watak biru.
a) Jika terdapat lebih banyak komponen kuning dalam oren, wataknya akan cenderung manis, cerah dan wangi.
b) Mencampurkan sedikit putih ke dalam oren boleh membuatkan persepsi terhadap oren menjadi resah dan lemah.
4. Hijau ialah warna dengan komponen kuning dan biru. Dalam hijau, pengembangan kuning dan pengecutan biru adalah seimbang, dan kehangatan kuning dan kesejukan biru diimbangi. Ini menjadikan watak hijau paling aman dan stabil. Ia adalah warna yang lembut, tenang, licin dan cantik.
a) Apabila terdapat lebih banyak komponen kuning dalam warna hijau, watak itu cenderung untuk menjadi lincah, peramah dan kebudak-budakan.
b) Tambahkan sedikit hitam kepada hijau, dan wataknya akan menjadi khusyuk, canggih dan matang.
c) Tambahkan sedikit putih kepada hijau, dan wataknya akan cenderung bersih, menyegarkan dan segar.
5. La luminosité du violet est la plus faible parmi les pigments colorés. La faible luminosité du violet donne aux gens une sensation terne et mystérieuse.
a) Lorsqu'il y a plus de composantes rouges dans le violet, la perception est dépressive et menaçante.
b) Ajouter une petite quantité de noir au violet le rendra terne, triste et effrayant.
c) Ajouter du blanc au violet peut faire disparaître le caractère terne du violet et devenir élégant, délicat et plein de charme féminin.
6. La couleur du blanc est brillante et son caractère est simple, pur et heureux. Le blanc est saint et inviolable. Si une autre couleur est ajoutée au blanc, cela affectera sa pureté et rendra son caractère subtil.
a) Mélangez une petite quantité de rouge au blanc pour créer une couleur rose clair, fraîche et pleine de tentation.
b) Mélanger une petite quantité de jaune avec du blanc en fera un jaune laiteux, donnant aux gens une impression parfumée.
c) Mélangez une petite quantité de bleu avec du blanc pour donner aux gens une sensation de fraîcheur et de propreté.
d) Mélangez une petite quantité d'orange au blanc pour lui donner une atmosphère sèche.
e) Mélanger une petite quantité de vert avec du blanc donne aux gens une sensation enfantine et douce.
f) Mélanger une petite quantité de violet avec du blanc peut inciter les gens à penser à un parfum léger.