웹 디자이너를위한 7 가지 훌륭한 도구

웹 디자인

웹 디자인은 길고 힘들며 복잡한 프로세스가 될 수 있습니다. 그게 중요한 이유입니다 작업을 간소화 할 수있는 도구와 옵션이 있습니다. 그리고 시간을 벌어 라. 우리는 모든 종류의 요구를 충족하는 웹 도구와 추가 응용 프로그램이 많은 시대에 살고 있으므로이를 활용해야합니다.

그런 다음 나는 당신과 공유하고 싶습니다 일곱 가지 예, 그리고 물론 개인적으로 웹 프로젝트를 처리하는 데 유용하다고 생각되는 다른 도구를 댓글 섹션에서 공유하도록 초대합니다.

adobe-kuler와 함께 코스 디자인

어도비 쿨러

여러 가지 모순적인 아이디어가 있거나 프로젝트의 주장을 잘 반영하는 아이디어를 찾을 수 없기 때문에 특정 시간에 색상 조합이 다소 복잡 할 수 있습니다. 이러한 경우 Adobe Kuler는 훌륭한 대안입니다. Adobe에서 제공하는이 무료 프로그램은 색상 팔레트를보다 쉽게 ​​만들고 가장 적합한 조합을 찾을 수 있도록 설계되었습니다. 이 신청서를 얻는 방법은 무엇입니까? 이렇게하려면 Adobe 페이지에 사용자로 등록해야하며 사용자 이름과 암호가 있으면 빠르게 액세스 할 수 있습니다. 얼마 전에 우리 동료 Antonio가이 도구에 대한 비디오를 개발했다는 ​​사실을 기억하는지 모르겠습니다. 비디오에 액세스 할 수 있습니다. 여기에서.

기능 비디오 대체

타이프캐스트

우리는 모든 프로젝트에서 타이포그래피의 중요성에 대해 여러 번 이야기했으며 어떤 것이 가장 적합한 지 결정하는 것도 딜레마가 될 수 있다고 말했습니다. 따라서이 응용 프로그램은 디자인을 만드는 데 필수적인 도구가 될 수 있습니다. Typecast를 사용하면 Typekit, Google Web Fonts 및 Fonts.com Fontdeck의 XNUMX 천 개 이상의 글꼴에 모두 단일 제어판에서 액세스 할 수 있습니다. 이렇게하면 매우 간단하고 빠른 방법으로 작업의 스타일이나 톤에 가장 잘 맞는 서체를 선택할 수 있습니다. 또한이 응용 프로그램을 사용하면 정보와 내용을 구성하고 선택한 글꼴을 변경하거나 수정할 수있는 열을 만들 수 있습니다. 측면 영역의 메뉴에서 글꼴 공급자를 선택하고 그 중 하나를 선택하여 동일한 웹 페이지에 직접 결과를 반영하기 만하면됩니다. 또한 CSS 코드에 액세스하여 사용자가 글꼴을로드하고 동일한 결과를 볼 것이라는 확신을 가지고 해당 글꼴을 웹 페이지에 직접 삽입 할 수 있습니다.

가이드 가이드 1

가이드 가이드

웹 페이지 디자인을 시작하기 위해 자신의 문서를 준비 할 수있는 Adobe Photoshop 응용 프로그램의 확장이며 무엇보다도 몇 분 안에 완료됩니다. 많은 웹 디자이너에게이 도구는 특히 완벽한 디자인을 달성하기 위해 가이드에서 제공하는 정밀도 때문에 필수적이되었습니다. 당신은 그것을 즐기기 위해 그것을 설치해야합니다 (그것이 확장이기 때문에 무게가 매우 낮습니다).

모의 흐름

모의 흐름

자신 만의 와이어 프레임을 개발해야하는 경우이 응용 프로그램은 iPhone, WordPress, Android, Joomla, Facebook 등 다양한 플랫폼에서 온라인으로 몇 분만에 자신 만의 프로토 타입을 디자인 할 수 있으므로 매우 유용합니다. .. 그 결과 프로젝트에서 사용하기 쉬운 고품질 프로토 타입이 만들어집니다. 또한 작업 방식이 응용 프로그램 자체가 제공하는 구성 요소 또는 요소를 통한 끌어서 놓기 시스템을 기반으로하기 때문에 작업이 매우 간단하고 직관적이며 기능적입니다. 물론, 무료 버전은 최대 XNUMX 페이지 길이의 단일 프로젝트 만 허용한다는 점을 명심해야합니다. 프로젝트를 다른 형식으로 다운로드하고 사용을 중단하는 즉시 삭제할 수 있습니다.

full206

비전

그것이 출시되었을 때 큰 기대를 불러 일으켰고 당연합니다. Invision은 프로토 타입의 표현에 초점을 맞추는 도구이지만 중요한 차이점이 있습니다.이 응용 프로그램은 작업을 전환 및 웹 애니메이션이있는 대화 형 동적 프로토 타입으로 전환하므로 자신의 모형이 큰 사실감을 얻을 수 있습니다. 또한 원하는 모든 사용자 (물론 클라이언트 포함)와 프로젝트를 공유 할 수 있으므로 프로젝트 프레젠테이션을 만들고 개발을 시작하기 전에 웹 페이지 디자인과 상호 작용할 때 빠르고 안전하며 실용적입니다.

스크린 샷 2013 02-12-AT-9.54.05-PM

레이어 볼트

프로젝트 내에서 최신 버전의 파일을 관리하는 데 한 번 이상 어려움을 겪었습니다. 특히 여러 사람이 동시에 같은 파일을 편집하는 경우. Layervault는 동일한 인터페이스에서 프로젝트의 모든 측면 (동료와의 통신, 파일 관리 등)을 제어하고 관리 할 수있는 웹 응용 프로그램입니다. 작업 표시 줄에 추가하면 동기화를 통해 변경 사항, 파일, 폴더 등을 자동으로 저장할 수 있습니다. LayerVault 디렉토리에 있습니다. 따라서 프로젝트 동료는 작업의 어떤 측면이 업데이트 또는 변경되었는지 알려주는 업데이트를 받게되며, 동기화하는 경우 다른 장치에서도 이러한 알림을 받게됩니다.

영웅 창

코드 킷

우리는 때때로 그것에 대해 이야기했지만 여전히 그것을 모른다면 조직적이고 깨끗한 방식으로 웹 페이지를 구축 할 때 매우 유용한 도구라고 말할 것입니다. 이를 통해 프레임 워크를 가져오고 Sass 및 Less를 컴파일 할 수있을뿐만 아니라 작업중인 프로젝트와 프레임 워크에서 빠르고 자동으로 검색하여 파일을 최적화 할 수 있습니다.


기사의 내용은 우리의 원칙을 준수합니다. 편집 윤리. 오류를보고하려면 여기에.

코멘트를 첫번째로 올려

코멘트를 남겨주세요

귀하의 이메일 주소는 공개되지 않습니다.

*

*

  1. 데이터 책임자 : Miguel Ángel Gatón
  2. 데이터의 목적 : 스팸 제어, 댓글 관리.
  3. 합법성 : 귀하의 동의
  4. 데이터 전달 : 법적 의무에 의한 경우를 제외하고 데이터는 제 XNUMX 자에게 전달되지 않습니다.
  5. 데이터 저장소 : Occentus Networks (EU)에서 호스팅하는 데이터베이스
  6. 권리 : 귀하는 언제든지 귀하의 정보를 제한, 복구 및 삭제할 수 있습니다.