10/19 그래픽수업

아이콘 다운받앗서 그냥 쓰기보다 내가 두께바꾸거나 컬러링 효과 넣어서 써보삼.

 

ㅇ

이런식으로

 

 

- id 는 중요한 영역에 쓴다. (큼직큼직한거) , 인풋에 많이 쓴다. 라벨때문에.

 

 

-아이콘같은거 이미지로 굳이 정보전달할 필요 없다, 예브라고넣어준거기 때문에 . 마크업하지않고 css 가상이미지로 넣어준다. 이미지로 넣을까요 배경으로 넣을까요? 에 대한 고민이 있어야겠지여,

(선택 기준 - 시각장애인들에게 이 아이콘에대해 설명을 해줄 필요가 없느 아이콘이라면 배경처리.)

 

ex

이런거 굳이 시각장애인들에게 "초록우산아이콘" 이라하며 설명할 필요 없잖아.

 

 

 

-ㅇ

 

위에께 옛날 방식 밑에 네이버가 요즘 방식이다.

이 방식은 이미지 좌표를 메모해둬야한다. (코딩은 네이버 따라가야한다. 유행을 선도하고 프로그램 개발하는 분들이 다 네이버 따라간다.)

 

 

 

 

-f0f0f0 =맑은 회색

 

-ddd = 보더색깔로 많이 쓴다 . ccc까지 가면 너무 진하다.

-글자색은 666 이하로 쓴다.

 

 

 

 

컨트롤제이 후 다이렉트툴로 오른쪽 네개 잡고 방향키 오른쪽

 

 

 

-도형 위에 글자쓸때 엔터눌러서 패쓰를 꺼야 된다.

 

 

 

한 줄 쓸 땐 오토로 잡아야 해 저거. 

 

 

 

-금융,,어.. 보험 이런 사이트 제작할땐 유니버셜 사이트 디자인으로 만들어야한다. (노인, 장애인 전부 고려하는 디자인.)

-> 메뉴바 같은 것도 슬라이드 형식(?) 의 오르락내리락 ,, 메뉴바가 그런거 안돼! 움직이는거 최소화!

 

 

 

 

-

둥근사각형 그리고 다이렉트 툴로 끝에 세그먼트만 지워주고, 그후 다이렉트로 하나씩 잡아서 짧게 땡기기.

 

그후 새 레이어 만든 후 화살표를 연필툴로

 

 

 

 

 

 

 

 

-아이콘이 추가돼서 좁아보인다. 이런 상황에서 자간 벌리는 법

 

커서를 두고 왼쪽 길이 늘려준 후 커서를 저곳에 두고

 

 

 

 

 

 

자간 1000 옵션에 넣어서 주기. (숫자는 유동적으로)

 

 

 

 

 

 

 

 

 

머지시키기위해 다이렉트 도형 툴

머지시킨 후

 

이렇게

이렇게잡고 딜리트 하면 왼쪽처럼 텅빈다.

 

아놔 ㅋ 이런 아이콘 그냥 다운받는게 낫다! 고하신다.

 

 

 

 

 

영역맞추기

 

 

 

아랫쪽 여백을 더 주는게 더 안정감 있다.

 

 

 

 

 

콘텐츠 속 너비 팁!

 

 

맞춘 후 

 

 

30으로 높여서 위아래 너비도 이렇게 맞춰줄 수 있다.

 

 

 

 

 

16 절반 을 16에 더한 숫자를 저 오른쪽 저 네모에 넣는다. 그만큼 이상은 줘야한다.

 

 

 

 

 

 

 

어..  마우스로 눌러놔서 진해진 글씨 이렇게 해서 변경. (새레이어 만들고 마키툴로 영역잡은 후 색채운 뒤 클리핑 마스크 하면 된다~하하)

 

 

 

 

 

 

 

가운데에 커서두고 가운데 정렬  하는 방식으로 가운데에 쓰는거다. 

아무데나 커서두고 왼쪽정렬상태에서 글자 이동하는 방법은 안돼!

왜냐하면 글자 크기가 커지거나 하면  위치를 수정해야됨,!

 

 

 

 

이런 글자는 왼쪽정렬이 맞음

이유: 나중에 로그아웃으로 바꾸든 회원가입으로 바꾸든 그자리에 가만히 있지.

 

 

 

 

 

 

 

 

 

시도때도 없이 써야하는 도형이 있다->에디트메뉴의 디파인 커스텀 쉐입 등록

 

 

 

 

설정

설정 누르고 디파인드 사이즈 누르면 등록한 사이즈 그대로 그릴 수 있고

반지름도 그대로 쓸 수 있다.

 

 

수정할땐 이걸로. 컨트롤 티 ㄴㄴ 반지름 망가짐

 

 

 

 

-

글로

글로벌각도  눌러놓으면 그뒤로 다 120도각도다

 

 

 

 

왼쪽 위만 신경써서 스트로크 넣은 느낌이다. 그림자를 120도로 줬기 때문에.

 

 

 

 

 

 

 

 

레이어 두개 잡고 가운데 정렬