최신 웹 표준 인 HTML5 및 CSS3JavaScript와 함께 그래픽, 텍스트 및 애니메이션이 풍부한 웹 사이트를 만드는 데 드는 시간과 노력을 크게 줄였습니다. HTML5의 강력한 기능을 사용하면 더 이상 멀티미디어 컨텐츠를 삽입하기위한 코드를 수동으로 작성할 필요가 없으며 CSS3는 웹 UI 요소를보다 유연하고 견고하며 다루기가 더 쉬워집니다. 각 UI 요소에 대한 코드를 수동으로 입력하지 않아도 최신 웹 표준을 최대한 활용할 수있는 웹 디자인 도구를 찾고 있다면 어도비 엣지 아마 당신이 필요한 것입니다.
Adobe Edge는 특히HTML5, CSS3 및 JavaScript 웹 표준을 사용하여 웹 모션 및 애니메이션 컨텐트를 만드는 데 어려움을 겪는 시각, 웹 및 상호 작용 디자이너 기본적으로 HTML5, CSS3 및 JavaScript를 사용하여 애니메이션 컨텐츠를 작성하기위한 웹 모션 및 상호 작용 디자인 도구입니다. 웹 UI 요소를 작성, 편집, 조정 및 디자인하기위한 모든 기본 도구를 통합하는 동시에 웹 페이지에서 애니메이션 컨텐츠를 쉽게 작성하고 조정할 수있는 직관적 인 애니메이션 안무가를 제공합니다. 또한 새로운 프로젝트를 처음부터 시작하지 않아도됩니다. HTML 파일을 가져 와서 새로운 UI 구성을 포함하고 테이블, 텍스트 스타일, 이미지 음영, 위치, 글꼴, 컨테이너 정렬 등
메인 인터페이스는 3 개의 섹션으로 나뉩니다. 왼쪽 사이드 바에는 선택된 UI 요소 컴포지션 도구가 있고 오른쪽 사이드 바에는 그림자 효과, 이미지, 텍스트를 포함한 모든 기본 웹 UI 요소 목록이 있으며 아래쪽 섹션에는 애니메이션을 구성하는 타임 라인 편집기가 있습니다.
요소 창에서 선택한 항목을 표시하거나 숨길 수 있습니다더 편집하지 못하도록 잠그십시오. 기본 화면에서 요소를 선택하면 요소 창에서 해당 요소가 즉시 강조 표시되어 쉽게 숨기거나 잠글 수 있습니다. Elements에 나열된 항목 위로 마우스 포인터를 가져 가면 이름으로 클래스 이니셜을 알려주므로 CSS 파일에서 쉽게 식별 할 수 있습니다.
왼쪽의 속성 창에웹 페이지의 선택된 UI 요소를위한 구성 도구 선택한 후에는 위치 크기, 불투명도, 텍스트 글꼴 모음, 크기 및 텍스트 스타일을 변경하고 변형 원점, 이미지 회전 등을 설정할 수 있습니다.
타임 라인 편집기를 사용하면 타임 라인을 볼 수 있습니다각 애니메이션 요소의 하나의 거대한 CSS 파일을 처리하는 경우 필터 단추를 클릭하면 요소 창에 애니메이션 요소 만 표시하여 위치, 색상, 크기 등을 빠르게 편집 할 수 있습니다. 창의 왼쪽 아래에는 타임 라인을 확대 할 수있는 확대 / 축소 단추가 있습니다. 모든 애니메이션 요소의 할당 된 시간 및 전환 효과를 확인합니다.
브라우저 간 호환 가능Firefox, Chrome, Internet Explorer 9를 포함하여 널리 사용되는 모든 웹 브라우저의 애니메이션 컨텐츠,이 도구를 통해 작성된 웹 컨텐츠는 iOS 및 Android 플랫폼에서도 원활하게 작동합니다. 공식 커뮤니티에 따르면 Edge Preview는 현재 개발 중이며 곧 여러 기능으로 업데이트 될 예정입니다. Adobe Edge는 Windows Vista 및 Windows 7에서 작동합니다.
Adobe Edge 다운로드
코멘트