트렌드를 발견합니다
웹 디자인 월드는 창의성의 활기찬 태피스트리이며, 수많은 멋진 웹 사이트가 디자이너와 개발자의 재능을 보여줍니다. 그러나 특정 디자인 트렌드는 필연적으로 부상하며, 종종 공유 된 UI 프레임 워크 나 성공적인 사이트의 상호 감탄에서 비롯됩니다. 최근에, 나는 반복되는 주제를 발견했다 : Blobby Shapes.
이 유기농 형태는 장난기 넘치는 터치를 추가하며, 특히 팝 컬러 또는 시각적으로 매력적인 초점이 필요한 평평한 디자인에 유리합니다. 나는이 트렌드를 직접 관찰했으며, 의도하지 않게 일주일에 걸쳐 정기적으로 탐색하는 동안 수많은 사례를 수집했습니다.
나는이 추세를 비판하지 않습니다. 반대로, 나는 그것이 매력적이며 다가오는 프로젝트에서의 사용을 고려하고 있습니다. 내가 본 많은 예제는 정말 아름답습니다.
그러나 Blobby 모양을 사용하면 효과적으로 고려해야합니다.
- 텍스트 레코티브 : 특히 어두운 얼룩이 밝은 배경에 배치 될 때 텍스트와 블로브 색상 사이의 충분한 대비를 보장하십시오. 가독성에 대한 WCAG 2.1 AA 준수 우선 순위를 정합니다.
- 컬러 하모니 : 단일 밝은 색의 얼룩은 효과적 일 수 있지만 생생한 색조의 혼란스러운 혼합으로 디자인을 압도하지 마십시오. 무지개의 무지개는 산만해질 위험이 있으며 접근성 문제가 발생할 수 있습니다. 미묘함이 핵심입니다.
- 컬러 너머 : Blobby 모양은 배경 악센트에만 국한되지 않습니다. 독특한 시각적 차원을 추가하여 이미지를 창의적으로 마스킹하거나 모양으로 만들 수 있습니다. 이미지를 SVG에 직접 포함시키고 경로로 마스킹하는 기능은 흥미로운 가능성을 열어줍니다.
- 다목적 응용 프로그램 : 그들의 사용은 배경을 넘어 확장됩니다. 예를 들어 TopCoder 웹 사이트에서 보여 주듯이 Blobs를 탭으로 사용하는 것과 같은 혁신적인 응용 프로그램을 보았습니다.
이러한 추세는 미래의 개발자들이 오늘날의 웹 사이트 디자인을 어떻게 볼 수 있는지 숙고하게합니다. Apple의 디자인에서 영감을 얻은 반사 이미지의 유병률로 15 년을 생각해보십시오. 우리 중 많은 사람들이 여전히 그 효과를 복제하여 근육 기억을 가지고있을 것입니다.
skeuomorphism, bevels, 애니메이션 GIF 배경, 긴 그림자, 영웅 섹션, 그라디언트, Bokeh -이 시각적 스타일은 모두 순간을 가졌습니다. Blobby 모양도 마찬가지로 디자인 클래식이 될 수 있으며, 잠재적으로는 부활을 경험할 수 있습니다.
나는 웹 디자인의 진화에 매료되어 Blobby Shapes의 더 많은 예를보고 싶습니다. 당신의 발견을 공유하십시오!
위 내용은 트렌드를 발견합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











다른 날, 나는 Corey Ginnivan의 웹 사이트에서 스크롤 할 때 카드 모음이 서로 쌓이는 것을 발견했습니다.

Google Fonts가 새로운 디자인 (트윗)을 출시 한 것을 볼 수 있습니다. 마지막 큰 재 설계와 비교할 때 이것은 훨씬 더 반복적 인 느낌이 듭니다. 차이를 간신히 말할 수 있습니다

프로젝트에 카운트 다운 타이머가 필요한 적이 있습니까? 그런 것은 플러그인에 도달하는 것이 당연하지만 실제로는 훨씬 더 많습니다.

플렉스 레이아웃의 보라색 슬래시 영역에 대한 질문 플렉스 레이아웃을 사용할 때 개발자 도구 (d ...)와 같은 혼란스러운 현상이 발생할 수 있습니다.

요소 수가 고정되지 않은 경우 CSS를 통해 지정된 클래스 이름의 첫 번째 자식 요소를 선택하는 방법. HTML 구조를 처리 할 때 종종 다른 요소를 만듭니다 ...

새로운 프로젝트가 시작될 때, Sass 컴파일은 눈을 깜박이게합니다. 특히 BrowserSync와 짝을 이루는 경우 기분이 좋습니다.

프론트 엔드 개발에서 Windows와 같은 구현 방법 ...
