자격을 갖춘 페이지 재구성기로서 실제로 웹 페이지 복원 설계 초안 인 하나의 기본 능력 항목이 있습니다.
페이지와 디자인 초안을 다르지 않습니까?
어떤 사람들은 원자 폭탄을 만들지 않는다면 어떻게 픽셀이 나빠질 수 있습니까?
말하고 싶습니다 : 세부 사항은 정말 중요합니다! 세부 사항은 성공 또는 실패를 결정하며 큰 차이입니다. 고품질 프로젝트를 만들고 싶다면 정말 끔찍합니다. 그래서 나는 모든 사람들이 페이지 세부 정보에 더 많은주의를 기울이고 페이지를 원자 폭탄으로 취급하기를 원했기 때문에 너무 많이 이야기했습니다. 여기서 작업 경험 중 일부를 공유하겠습니다.
1 단계 : 뱀을 때리고 7 인치를 쳤다 - 시각적 사양때로는 디자이너로부터 얻은 디자인 초안이 정확하지 않을 수 있습니다. 예를 들어 : 동일한 유형의 모듈 제목 텍스트, 한 곳은 13px이고 다른 장소는 14px입니다. 페이지에는 알몸 눈과 동일하게 보이는 여러 글꼴 색상이 있지만 실제 색상 값은 다릅니다. 각 단락의 선 높이는 다릅니다. 동일한 유형의 팝업 프레임에는 여러 크기가 있습니다. 등 ...이 경우 디자인 드래프트를 복원하기 위해 설계 초안을 복원 할 수 없습니다.
재건자는 설계자와의 커뮤니케이션 비용을 줄이기 위해 설계자에게 초기 단계에서 전체 사이트에 대한 시각적 사양을 만들고 문서 형태로 공개적으로 합의 된 콘텐츠를 작성하고 이후 단계에서 엄격하게 구현할 것을 촉구해야했습니다.
디자이너는 페이지가 생성되기 전에 시각적 사양을 설정하는 것이 가장 좋습니다. 이는 사후 생산 조인트 디버깅 비용을 크게 줄일 수 있습니다. 또한 페이지 제작은 글꼴, 아이콘, 경계, 배경색, 간격 등과 같이 초기 단계에서 템플릿 화 된 물건에 대한 통일 된 사양을 만들 수 있으며, 이후 설계 사양이 수정 된 후에 변경을 쉽게 조정할 수 있습니다.
2 단계 : 모든 것이 준비되었으며 동쪽 바람 만 필요합니다 - 설계 초안 주석설계 초안에서 다양한 간격, 너비, 특수 글꼴, 특수 글꼴 색상, 특수 라인 높이 등을 표시해야합니다. 이런 식으로 페이지를 만들 때 다시 측정하지 않고 설계 초안 복원의 정확도를 크게 향상시키고 설계자와의 통신 비용과 사후 제작 조정 비용을 줄입니다. 다음과 같이 예 :
3 단계 : 무언가를 잘하고 싶다면 먼저 도구를 선명하게해야합니다 - Faststone Capture내비게이션을위한 나침반, 의사를위한 온도계, 목수를위한 줄자 ... 많은 직업에는 특별한 측정 기기가 있습니다. 따라서 페이지를 만들 때 간격, 폭, 높이, 색상 등과 같은 데이터도 측정해야합니다. 그렇다면 페이지 제작을위한 전문적인 정확한 페이지 측정 도구도 있어야합니까?
다음은 웹 페이지를 정확하게 측정 할 수있는 소프트웨어입니다. 소프트웨어 이름은 Faststone 캡처 입니다. 작년에 동료가 추천 한 것을 기억합니다. 그 당시, 나는 스크린 샷으로 가져갈 수있는 작은 소프트웨어를 찾고있었습니다. 이제 웹 페이지를 측정하는 데 특별히 사용할 수있는 소프트웨어를 찾고있을 때 유용 할 것으로 기대하지 않았습니다. 소프트웨어는 작지만 모든 내부 장기가 있습니다.