Rumah hujung hadapan web tutorial css 高品质的网页设计: 实例与技巧之七(做别人没做过的事)

高品质的网页设计: 实例与技巧之七(做别人没做过的事)

Dec 26, 2016 pm 04:05 PM
reka bentuk web

最好的网站中有一些非同寻常的,奇怪的,甚至可以算得上诡异的设计。不过那些挑战传统的尝试说不定会已经改变了传统的定义。话说回来,要做到完全原创,创造出没人做过的东西实在是设计过程中最难做的事。

打破常规之后,成功与失败只有一步之遥。你要么做出令人惊艳的聪明设计,要么做出一堆垃圾饱受批评。别人从来不这么做是有原因的,因为有些点子实在是糟透了。要从人们知道并喜欢的区域走出来,你得非常勇敢才行。下面是一些相关实例:

MB Dragan 上的独特导航
不是你通常所见的站点导航,但看起来还是一个网站,同那些标准导航同样的好。这样做有点冒险,但结果非常符合该网站特质。十分切题的设计,很难让人不欣赏这导航与整个设计之间的配合呼应。

293.jpg

Visualbox(视觉盒子) 非常视觉化的导航
Visualbox的网站只有一个目标,向你展示他们充满智慧的作品。所以他们没有用多少文字,你第一眼看到的就是他们的名字和作品选集。 鼠标滑过预览图片时,会显示出项目名称,点击时会带你滑到页面中该项目的相应位置。这是非常高效而实用的解决方案,而且比简单地堆一个列表出来要吸引人得多。


294.jpg

废话不多说的Nikola Mircic
假设你是位交互设计师,你需要别人看了你的作品,能感动得雇用你。Nikola Mircic 为我们展示了“直截了当”对建造一个令人难忘的站点有多大的作用。一打开他的站点,各种风格的作品就向你问好,他的名字和职业放在页顶的醒目位置,当然,联系链接没少。没有大量多余文字来劝说你雇佣他,作品本身就证明了他的实力。当然,点击作品缩略图会出现一个详细介绍页,里面就有足够的文字了。实在喜欢他组织内容的方式。

295.jpg

实践新鲜想法的小贴士
上面的例子并不是为了“激发”你的独特创意,只是一些我发现的一些很独特的站点,仅此而已。事实上,你也不应该到处搜寻,寻找新想法的灵感,因为这样你的点子也是受别人的启发,与完全创新是相悖的。所以如果你打算做真的非同寻常的东西出来,就赶快忘掉这一部分!

保证事物之间的联系
如果你打算做一些特别特别特立独行的事,先问问自己“真的有必要吗?”,“这样说得过去么?”,“和品牌诉求符合吗?”…… 如果答案是肯定的,再采取行动!
忘掉所有已知事物!
好吧其实也并不是所有,基本原则还是要的。话说回来,也没必要从全新的想法里面寻找灵感,因为那样很容易误入歧途。
保证品质和水准
基本上我觉得如果你的新想法足够好,判断品质究竟如何对你来说应该很容易

 以上就是高品质的网页设计: 实例与技巧之七(做别人没做过的事)的内容,更多相关内容请关注PHP中文网(www.php.cn)!


Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Animasi CSS3 membawa inspirasi kreatif dan kemungkinan tanpa had kepada pereka web Animasi CSS3 membawa inspirasi kreatif dan kemungkinan tanpa had kepada pereka web Sep 09, 2023 pm 08:45 PM

Gambaran keseluruhan inspirasi kreatif dan kemungkinan tanpa had yang dibawa oleh animasi CSS3 kepada pereka web: Dalam reka bentuk web moden, kesan animasi telah menjadi faktor penting dalam meningkatkan pengalaman pengguna dan meningkatkan daya tarikan laman web. Kemunculan teknologi animasi CSS3 telah membawa pilihan reka bentuk yang lebih fleksibel, kaya dan kreatif kepada pereka web. Artikel ini akan meneroka inspirasi kreatif dan kemungkinan tanpa had yang dibawa oleh animasi CSS3 kepada pereka web, dan memberikan beberapa contoh kod. 1. Konsep asas dan sintaks animasi CSS3 Sebelum memperkenalkan animasi CSS3, kita perlu terlebih dahulu

Mendedahkan kelebihan unik kedudukan mutlak dalam reka bentuk web Mendedahkan kelebihan unik kedudukan mutlak dalam reka bentuk web Jan 23, 2024 am 08:16 AM

Terokai kelebihan unik kedudukan mutlak dalam reka bentuk web Dalam reka bentuk web, kedudukan mutlak ialah kaedah reka letak yang biasa digunakan. Dengan menggunakan kedudukan mutlak, elemen boleh diletakkan dengan tepat pada lokasi tertentu pada halaman web, dan beberapa kesan susun atur khas boleh dicapai dengan mudah. Artikel ini meneroka kelebihan ini dan menggambarkannya dengan contoh kod khusus. Kedudukan elemen yang tepat Kedudukan mutlak membolehkan kawalan tepat ke atas kedudukan elemen pada halaman web. Dengan menentukan atribut atas, kanan, bawah dan kiri elemen, elemen itu boleh

Kemahiran reka bentuk web dan perkongsian pengalaman praktikal berdasarkan CSS3 Kemahiran reka bentuk web dan perkongsian pengalaman praktikal berdasarkan CSS3 Sep 08, 2023 pm 07:07 PM

Perkongsian kemahiran reka bentuk web dan pengalaman praktikal berdasarkan CSS3 Dalam era Internet hari ini, reka bentuk web menjadi semakin penting. Dengan kemunculan CSS3, pereka kini boleh menggunakan pelbagai kesan yang menakjubkan untuk melibatkan pengguna. Artikel ini akan berkongsi beberapa kemahiran reka bentuk web dan pengalaman praktikal berdasarkan CSS3, bertujuan untuk membantu pembaca meningkatkan tahap reka bentuk web mereka. 1. Gunakan kesan peralihan. Kesan peralihan boleh menghasilkan kesan animasi yang lancar untuk elemen dari satu keadaan ke keadaan yang lain. Dengan menggunakan sifat peralihan CSS3, kita boleh

Kaji kesan memperkenalkan rangka kerja pihak ketiga CSS pada reka bentuk web Kaji kesan memperkenalkan rangka kerja pihak ketiga CSS pada reka bentuk web Jan 16, 2024 am 10:32 AM

Meneroka kesan pengenalan rangka kerja pihak ketiga ke dalam CSS pada reka bentuk web Pengenalan: Dengan perkembangan pesat Internet, reka bentuk web telah menjadi semakin penting. Untuk meningkatkan pengalaman pengguna dan menyediakan fungsi yang lebih kaya, pembangun selalunya perlu menggunakan rangka kerja pihak ketiga untuk membantu reka bentuk dan pembangunan. Artikel ini akan meneroka kesan memperkenalkan rangka kerja pihak ketiga CSS pada reka bentuk web dan memberikan contoh kod khusus. 1. Apakah rangka kerja pihak ketiga CSS? Rangka kerja pihak ketiga CSS ialah satu set gaya dan komponen CSS yang telah ditetapkan yang boleh dipanggil terus semasa membina halaman web. Rangka kerja ini kaya dengan kandungan,

Medan aplikasi pemilih elemen dalam reka bentuk web Medan aplikasi pemilih elemen dalam reka bentuk web Jan 13, 2024 am 10:35 AM

Aplikasi pemilih elemen dalam reka bentuk web memerlukan contoh kod khusus Dalam reka bentuk web, pemilih elemen ialah pemilih CSS yang sangat penting, yang boleh membantu kami mengawal dan melaraskan gaya elemen dalam halaman web. Dengan menggunakan pemilih elemen secara fleksibel, pelbagai kesan reka bentuk web yang indah boleh dicapai. 1. Sintaks asas dan penggunaan pemilih elemen Pemilih elemen ialah jenis pemilih CSS yang paling mudah Ia memilih elemen yang sepadan dengan menyatakan nama tag bagi elemen HTML. Sintaks asas pemilih elemen ialah: nama tag {

Cara menggunakan susun atur Kedudukan CSS untuk mereka bentuk susun atur kad untuk halaman web Cara menggunakan susun atur Kedudukan CSS untuk mereka bentuk susun atur kad untuk halaman web Sep 28, 2023 am 08:17 AM

Cara menggunakan reka letak CSSPositions untuk mereka bentuk reka letak kad untuk halaman web Dalam reka bentuk web, reka letak kad adalah kaedah reka bentuk yang biasa dan popular. Ia membahagikan kandungan kepada kad bebas, setiap kad mengandungi maklumat tertentu, dan boleh mencipta kesan halaman yang kemas dan berlapis dengan mudah. Dalam artikel ini, kami akan memperkenalkan cara menggunakan reka letak CSSPositions untuk mereka bentuk reka letak kad halaman web dan melampirkan contoh kod tertentu. Buat struktur HTML Mula-mula, kita perlu mencipta struktur HTML untuk mewakili susun atur kad.

Panduan ringkas: Cipta rangka kerja CSS yang hebat untuk meningkatkan profesionalisme dan keindahan reka bentuk web anda Panduan ringkas: Cipta rangka kerja CSS yang hebat untuk meningkatkan profesionalisme dan keindahan reka bentuk web anda Jan 16, 2024 am 09:02 AM

Lima langkah untuk mengajar anda cara mencipta rangka kerja CSS yang sempurna: Jadikan reka bentuk web anda lebih profesional dan cantik Mengekalkan reka bentuk web yang profesional dan cantik adalah impian setiap pereka web. Dan mewujudkan rangka kerja CSS yang sempurna adalah kunci untuk mencapai matlamat ini. Rangka kerja CSS ialah satu set helaian gaya dan peraturan yang telah ditetapkan yang membantu pereka bentuk dengan cepat membina reka letak dan gaya halaman web. Hari ini, saya akan memperkenalkan anda kepada kaedah lima langkah untuk membantu anda mencipta rangka kerja CSS yang sempurna. Berikut adalah langkah khusus: Langkah 1: Analisis keperluan dan tentukan struktur rangka kerja pada permulaan

Seperti apa H5? Seperti apa H5? Apr 01, 2025 pm 05:29 PM

HTML5 (H5) adalah versi kelima HTML, yang direka untuk meningkatkan fleksibiliti dan fungsi pembangunan web. Ciri -ciri utama H5 termasuk: 1) tag semantik baru, seperti, et al.; 2) sokongan audio dan video tertanam, seperti, et al.; 3) API lukisan kanvas; 4) API Geolokasi. Ciri -ciri ini dilaksanakan melalui enjin JavaScript penyemak imbas, menjadikan laman web lebih dinamik dan interaktif.

See all articles