개요

요 전날 기사, 설계서, 발표 자료 작성에 도움이 되는 네트워크 아이콘 모음을 공개했습니다. 이 아이콘은 자유롭게 사용해도 괜찮습니다만, 악용이나 센스의 너무 심한 사용은 피해 주시도록 부탁합니다. 아래에 올바른 사용법과 잘못된 사용법의 예를 들어 둡니다.

올바른 사용법

그리드 사용

배경 그리드를 활용하여 적절한 위치에 아이콘을 배치하고 화살표는 그리드의 방향에 평행해야합니다.

빛이 닿는 방향을 의식한다

PowerPoint의 "좌우 반전"에서 아이콘의 방향을 변경할 수 있습니다.



다만, 빛이 맞는 방향을 의식해 색을 변경하지 않으면 통일감이 무너집니다.

적당한 크기로 확대·축소한다

아이콘의 크기는 적절하게 변경하십시오.



다만, PowerPoint의 경우는, 확대나 축소에 의해 밸런스가 무너지는 경우가 있으므로, 주의해 주세요. 너무 커지면 구조의 거칠기가 눈에 띄는 경우가 있습니다 ... (적당한 크기로 이용하십시오)

움직이기

　　　　　　　　　　

움직임을 붙여 보는 것도 좋다고 생각합니다. 움직이는 버전의 아이콘도 언젠가 공개하고 싶습니다.

놀다

그림으로만 할 수 있는 표현도 좋다고 생각합니다.

잘못된 사용법

다음과 같은 사용법은 하지 마십시오.

질감이 다른 아이콘과 함께 사용

이것은 그만두고 싶습니다.

저자의 의도에 반하는 사용법

　 　

가능한 한 저자 (나)의 의도를 얻으십시오.

이해하기 어려운 움직임

파워 포인트는 마침내 재생됩니다 ...

원근법의 무시, 악용

부분적으로 거대화하지 마십시오.

증식하다

글쎄, 이 정도는 좋습니까?

샘플

프레젠테이션 자료에서의 이용 예

Qiita 기사에서의 사용 예

Keycloak에서 OpenID Connect를 사용해보기 (Spring Boot 애플리케이션 편)

마지막으로

사용하는 경우는 GitHub 에 스타를 붙여, 아래의 이미지를 작성물의 어딘가에 덧붙여 주시도록 부탁합니다.



Qiita의 기사로 사용한다면, 이하를 본문의 마지막에 묻어 주세요.

[![mark.png](https://github.com/k-tamura/cocha-icons/raw/master/designed_by_cocha_icons.gif)](https://github.com/k-tamura/cocha-icons)

HTML의 경우 여기 :

<a href="https://github.com/k-tamura/cocha-icons">
    <img src="https://github.com/k-tamura/cocha-icons/raw/master/designed_by_cocha_icons.gif" alt="mark.png" style="max-width:100%;">
</a>