> 웹 프론트엔드 > CSS 튜토리얼 > 고품질 웹 디자인 및 기술 No. 5 (자제력과 섬세한 디테일)

고품질 웹 디자인 및 기술 No. 5 (자제력과 섬세한 디테일)

黄舟
풀어 주다: 2016-12-26 16:00:22
원래의
1127명이 탐색했습니다.

디자이너는 항상 영향력을 발휘할 수 있는 방법을 찾고 있으며, 항상 독특한 디자인을 만들고 전례 없는 효과를 만들고 싶어합니다. 그러나 때로는 자제력이 영향을 미칠 수도 있습니다. 양적 변화는 질적 변화로 이어지고, '좋은' 것이 너무 많으면 나쁜 결과를 가져올 수도 있습니다. 좋은 디자이너는 균형이 어디에 있는지 알고 너무 많은 특수 효과가 디자인을 망치는 것을 방지합니다.

Things 웹사이트의 부드러운 그라데이션
나는 방문하는 사이트의 미묘한 그라데이션에 항상 주의를 기울입니다. 귀찮게 들릴 수도 있지만, 미래의 디자인에 대한 영감을 얻기 위해 다른 사람의 디자인의 작은 세부 사항을 연구하지 않을 수 없습니다. 그라데이션은 가장 많이 사용되는 디자인 방법 중 하나이지만 성공적으로 사용하면 디자인에 다른 기술이 얻을 수 없는 사실감과 깊이감을 더할 수 있습니다. 대부분의 사람들은 그라디언트에 별로 관심을 두지 않지만, 다른 사람들의 그라디언트 사용은 실제로 나에게 최고의 영감의 원천입니다.

고품질 웹 디자인 및 기술 No. 5 (자제력과 섬세한 디테일)

Icon Dock의 프로젝션
Icon Dock의 웹사이트는 그야말로 모든 종류의 정교한 디테일이 모이는 컨퍼런스입니다. 픽셀 수준 하이라이트, 그라디언트 및 그림자. 그러나 여기서는 투영에만 초점을 맞춥니다. 그다지 크지 않고 투명도를 높여 콘텐츠 블록을 조심스럽게 강조하고 실제 초점을 맞춥니다. 너무 아름다워요~

고품질 웹 디자인 및 기술 No. 5 (자제력과 섬세한 디테일)

섬세한 배경 소재: 소녀들을 위한 스카우트
소재 배경은 디자인을 좌우할 수도 있고 망칠 수도 있습니다. 많은 복잡한 배경은 독자의 주의를 산만하게 할 뿐입니다. 결국 디자인 품질이 크게 저하됩니다. 따라서 배경 자료를 미묘하고 부드럽게 유지하는 것이 항상 가장 좋습니다. Scouting for Girls 웹사이트는 재료를 사용하여 전체적인 스타일과 디자인 품질을 훌륭하게 만들어냅니다. "세밀함"은 모두 가시성을 전제로 합니다. 사람들은 그것을 명확하게 인식하지 못할 수도 있지만 이러한 세부 사항이 영향을 미쳤음에 틀림 없습니다. Viget Advance 블로그의 예는 괴로움과 파쇄 효과 측면에서 우리에게 영감을 줄 수 있습니다. 아주 미묘한 괴로움일 뿐이지만, 이 효과가 없다면 인조 종이는 밋밋하고 지루해 보일 것입니다. 이 그림을 더욱 믿을만하고 현실적으로 만드는 것은 이러한 작은 "불완전함"입니다.


고품질 웹 디자인 및 기술 No. 5 (자제력과 섬세한 디테일)

WebDesignerWall의 수채화 효과
수채화 효과를 사용할 때 핵심은 색상이 충분히 부드럽게 혼합되는지 확인하는 것입니다. 다양한 색조로 적합하고...충분한 "물". 수채화 효과는 섬세하고 조화로운 색상 범위, 매력적인 질감 등 디자인에 많은 이점을 제공합니다. 이 때문에 점점 더 많은 디자이너가 디자인에 수채화 효과를 사용하기로 선택하고 있습니다.


기묘한 식물: 다라의 정원고품질 웹 디자인 및 기술 No. 5 (자제력과 섬세한 디테일)다음은 절묘한 식물 디테일에 대한 지혜가 가득한 디자인입니다. 온라인에는 매우 아름답고 실물과 같은 식물 패턴이 많이 있지만, 이 경우 배경의 더 가볍고 미묘한 디테일에 중점을 두었습니다. 이 예는 디테일의 중요성을 보여줍니다. 부드러운 색상과 고민스러운 효과는 디테일에 대한 인식을 불러일으키지만 주요 초점이 되지는 않습니다.


은은한 디테일 활용 요령고품질 웹 디자인 및 기술 No. 5 (자제력과 섬세한 디테일)작은 디테일이 좋은 디자인을 빛나게 만들어준다고 믿습니다. 여전히 디자인을 돋보이게 할 방법을 찾고 있다면 미묘한 디테일을 시도하는 것이 좋은 방법입니다. 다음은 미세한 세부 작업을 위한 몇 가지 팁입니다.

세부 레이어 만들기
하나의 브러시나 재료에 안주하지 말고 더 많은 레이어를 추가하고 더 많은 세부 정보를 추가하세요

다양한 불투명도와 색상을 실험해 보세요

때로는 3%의 불투명도도 긍정적인 영향을 미칠 수 있습니다고품질 웹 디자인 및 기술 No. 5 (자제력과 섬세한 디테일)부끄러워하지 마세요

너무 미묘하거나 미묘하다고 걱정하지 마세요


위 내용은 고품질 웹 디자인입니다. 및 기술 5부(자제력과 절묘한 디테일), 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트(www.php.cn)를 주목하세요!




관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿