[패스트캠퍼스 수강 후기] UIUX 인강 100% 환급 챌린지 27회차 미션
27회 11/28 (토)
03. UI 디자인
클립 29. 컴포넌트 디자인 - 03. App bars - 2
tools - settings
다운받을 때 개발자와 협의해야 하고, 다운받은 것과 적용한 것은 다름
greyscale 값을 적용한 결과
어제 만들던걸 진행하는 중 ~
다른 디자이너들이 만들어놓은 템플릿을 사용할 수도 있다!!
클립 30. 컴포넌트 디자인 - 04. App bars - 3
모든 아이콘은 2424 의 값을 가지고, 그 안에서도 각각 1의 값을 가지고 있는 것을 확대하면 볼 수 있다
줄이면 보더도 함께 변화한다. 때문에 원이라고 하는 보더 값을 아웃라인으로 변경한 후 사이즈를 맞추어야 한다!
아이콘 간의 간격도 2424로 맞추면 깔끔하게 보인다.
클립 31. 컴포넌트 디자인 - 05. App bars - 4
컴포넌트에 리사이징을 해보는 방법을 연습해두면 현업에서 더 도움이 될 수 있다.
~컴포넌트 리사이징~
복사 - 잡아늘리면 고정되어있어야 하는 것들은 고정되고 나머지 것들은 그대로 진행될 수 있도록 해야 한다.
속성 창에 리사이징 옵션에서 사이즈나 위치를 고정할 수 있다!
760103
(추가 리서치 자료)
By grouping multiple layers together, you can do things like move and resize them all at the same time, toggle their visibility together, or adjust their properties like opacity and blend mode.
To resize a layer, select it, then click and drag on any of its selection handles. Handles on the sides of the layer will adjust the height or width, while handles on the corners will adjust the height and width together.
You can also use percentages to change the height or width of layers relative to its group or Artboard. For example, setting a layer’s height to 10% in a 960 pixel-wide Artboard will change its width to 96px.
Finally, if you’re editing the corner radius of a rounded rectangle, you can use ; to specify a different value for each corner (e.g. 30;40;20;30).
Tip: If the lock icon is closed, the layer will resize proportionately.
~27회차 소감~
후후 어느덧 3주차 (맞나?)
아이콘 리사이징을 배웠다!!!