�f����(chu��ng)����|(zh��)���Įa(ch��n)Ʒ�����е�С��(x��)��(ji��)�����P(gu��n)��Ҫ��?
�ܶ��ˠ�Փʲô����Ҫ���Ǻõ��Ñ��w�߀�Ǻõ��Ñ����������ҿ��ǃA�����f ���� �������֮���������ijһ��ʧ������Ͳ��܌�����Ñ��a(ch��n)��Ӱ���Ȼ�����Ñ�ͨ���������]�Ñ��w���ʲô�����Ǹ���(j��)�a(ch��n)Ʒ�����^���u�r�a(ch��n)Ʒ��
���������������O(sh��)ӋһЩ����Kչʾ�ΑB(t��i)�Įa(ch��n)Ʒ�������H�ϕ�չʾʲô�D������(bi��o)�}���ж��L���������O(sh��)Ӌһ���������ă�(n��i)����M���͕���������
���w���f�����_ʼ�M(j��n)�� UI �O(sh��)Ӌ֮ǰ������Ҫ֪������ÿ�����ֶ����@ʾ��Щ��(n��i)����߀��Ҫ֪����(n��i)�ݳߴ�������Сֵ���@Щ�D(zhu��n)���c���Q��߅����r����������@ʾ�˽���Εr�Լ����׃����
1. �x��DƬ
߀��Ҫ�˽�D������������͑��]���κ��Զ��x�DƬ����ُ�I�κ��Զ��x��Ƭ����ôʹ�� Unsplash �ṩ��Ư�������o���x����Ƭ�Ǜ]���κ����õ���
��ʲô����Ƭ�����Ǹ����Ե���ʹ��Ư���Ė|���Dz�������෴������Ҫ�x��(chu��ng)�������Ը����Ļ����Ӻ��x�ĈD����
�oՓ��ʲô����Ҫʹ�ò���Ҫ����Ƭ��������˂�����������Ϣ�͛]�����~��һ�c�o�õ�ҕ�X��Ϣֻ����������
2. �˽��؏�(f��)ģ�K
��һ���O����r�c�؏�(f��)ģ�K���P(gu��n)���������D�� + �ı����D��(bi��o) + �ı�����(sh��)�� + �ı�������(y��ng)ԓ���]�@Щģ�K�ڃ����ı���ʮ���ı��r�����^չʾ���Լ������Ƿ��һһ������
��������������С�ı�ģ�K�������p��ʹ�����ڲ���������������г��^ 5 �е��ı���������Ҫȫ���@ʾ����ʹ��ʡ��̖ʡ�����t��������һ�Nҕ�X��Q��������ʲô�������x�L���ı�ֻ�����к�̎���� Web �g�[����������Q�������ܰ���ʹ��ˮƽ�L�ӻ���в�����
3. Ҏ(gu��)���Uչ��
�˽��(n��i)�ݵ�߅����r�����������Ч��ʹ����Ļ���g��������ÿ�������x�����_�� UI ��Q��������Ոӛס��߅����r���H�c��Ŀǰ�����������P(gu��n)��һ���õ��O(sh��)Ӌ����(y��ng)ԓ����˼�������]���͑�������Ҫ�Uչ UI �Ŀ�������
ʹ�Ñ�(y��ng)�ó���r���Ñ���������S���������Ҫ���nj���Ҫ�ЄӰ��o�o��ҕ�X�ϵ�����(d��o)�������е���(d��o)������ͨ�^���o�팍�F(xi��n)�������������Ñ��������R�e��Ҫ�İ��o������׃��ͻ��������Ñ����ڌ����o���������t�o��������(y��ng)ԓ����ôͻ��������Ȼ��Ҋ��
�����Dž^(q��)����Ҫ�ʹ�Ҫ���o�ķ�����
- ����Ҫ�ʹ�Ҫ���oʹ�ò�ͬ��ҕ�X��(qu��n)���������ҕ�X��(qu��n)�صİ��o���@�ø����P(gu��n)ע��
- ����ʹ�Ï��ҵ��ɫ�����w�ı��ʹ�С�����Ҫ���o�x��ҕ�X����������Ҫ�������෴��������
���O(sh��)Ӌ�Ñ�����r����Ҫ��ӛ�κ��Ñ��������ҪĿ�ģ����Ñ��ͷ���(w��)֮�g�ṩ�M���������Ľ��������治���S�������]�д𰸵Ć��}���κ���͵IJ��_������
�O(sh��)Ӌ�ߑ�(y��ng)ԓ���Ñ��ṩ�P(gu��n)�ڠ�B(t��i)�����_�������e�����e�`��B(t��i)����r����������e�`֪ͨ��(y��ng)�M�����º���Ҏ(gu��)�t��
- ������(y��ng)ԓ�ǿ��R�e������עĿ�ģ��������tɫ�DZ�ʾ�e�`�ij�Ҋ UI ģʽ����
- ������(y��ng)ԓ����ؽ�ጰl(f��)����ʲô�Լ��Ñ�����ޏ�(f��)�e�`��
- ������(y��ng)ԓ���c���������P(gu��n)����������c�������P(gu��n)��Ԫ�ظ����@ʾ�e�`��Ϣ��
- ��������(y��ng)ԓ�д̼��������_�Ñ��Ƿ��ѽ�(j��ng)���e�`��ŭ��
�O(sh��)Ӌ�ˆT߀��(y��ng)ע�������e�`���������(w��)���e�`���Ҳ�����棩���κ��e�`��Ϣ�����Ñ����̵��ϵK���@���Ǟ�ʲô�҂���Ҫ�����Ñ�̎�������ṩ�κο��ܵĽ�Q���������Lԇ�����@Щ�����w� ���� �e�Ƿ��Ñ��a(ch��n)�����e�`��������һ���õĽ�Q���������Ǟ� 404 �� 500 ��O(sh��)Ӌ��D��Ӯ���
1. �м�(x��)�O(sh��)Ӌ���У�
���O(sh��)Ӌ�e�`��B(t��i)�r���M����Ҫ�ǐ�����Ñ�������ҪС�����п��ܵı��У�Ҏ(gu��)�t��
���������O(sh��)һ�����б����ֶεı�����@��ζ���_�l(f��)�ˆT��һ������(y��ng)��У�߉�������б����ֶζ�����(y��ng)ԓ������� ���O(sh��)�Ñ�Lԇ���S�C�����������(d��ng)?sh��)�һ�������ֶ�ʧȥ���c��B(t��i)�r��������һ���e�`����Ո?zh��)���ֶ����@�DZ��������
�҂����Ñ��@�������ȵ�����ֻ���ڱ���ֶ�֮�g�c����߀�]���c�����ύ������ ������������׃�ø��������������O(sh��)������һ�������Ҫ������ύ�� ���o����������ֱ�����б����ֶβ��ٞ����
��һ�룬�Ñ�ʲôҲ�]����Ҳ�o���ύ����������ѽ�(j��ng)���ׂ��e�`�w���������@�϶����Ñ��е��������������ñ����@�N��r��
�ҳ��J(r��n)������һ�����R�������@�H�H�����һ����l(f��)�F(xi��n)���{(di��o)�����R���������͕����R���@�����ֿ�����Ư����ƽ����P(gu��n)�I��
�S���O(sh��)Ӌ���J(r��n)��ʹ�þW(w��ng)������Ƅ�(chu��ng)��������ij�N�̶������_����������ǣ���������� UI �O(sh��)Ӌ�����������J(r��n)���б�Ҫ�ڴ���Ҏ(gu��)�t֮ǰ�ȌW(xu��)��(x��)�@ЩҎ(gu��)�t���m��(d��ng)?sh��)������g��ʹ���ֿ������Ƀ�������ͬ�rʹ�x�߸�������x��������Ϣ��
��(y��ng)�ڲ�ͬģ�K�܇��O(sh��)����ͬ��С�Ŀ��g����������픲��͵ײ����Լ������(c��)���҂�(c��)����������g����������濴������܁y���Ñ����ܲ�����ÿ�����ֽo��ͬ�ȵĿ��]��
���̫С��ζ���Ñ��o������(n��i)�ݷֽ�鲻ͬģ�K�����˷�ֹ��ģ�K�����һ����Ո������_��������֮�g����һ������g��
�S�o(h��)ҕ�X�ӴνY(ji��)��(g��u)��һ�N���η�������ѭ���º���Ҏ(gu��)�t����ͬ߉�K֮�g����䑪(y��ng)ԓ����ÿ���K��(n��i)����(bi��o)�}���ı�֮�g����������������O(sh��)��һ��������(bi��o)�}������(bi��o)�}�Ͷ�����L�ı�ģ�K��
- ����(bi��o)�} padding-bottom �O(sh��)�Þ� 40px��Ȼ����Sһ���ı���
- ������ padding-bottom �O(sh��)�� 10px��
- ����������С��(bi��o)�}��padding-top 30px���������cС��(bi��o)�}픲����g���� 30px����padding-bottom �� 20px����С��(bi��o)�}�ײ��c����֮�g���g������ 20px���@���ڶ���֮�g�Ŀ��g����
�@�������c��������Ҫ������Ԫ�����������ı� ���� ��(bi��o)�} ���� �܇��и���Ŀ��g�������@�����g��(y��ng)ԓ���ӽ�����������P(gu��n)Ԫ�ء�
�O(sh��)Ӌһ���a(ch��n)Ʒ����ڽ���һ����������������D���^��?q��)WУ ���� ����Ҫ�������������@����ä����ɫä��ҕ���Ñ���
���� Domino�����o���L��ԓ��˾�ľW(w��ng)վ��������һ��ä�����V����Ҫ�� Domino �ǘ���Ҫ����L���Զ��O(sh��)Ӌ��
ͨ�����҂�ԇ�D�O(sh��)Ӌ���������e�Ė|�����������ˌ��c�҂��Įa(ch��n)Ʒ�M(j��n)�н����ĸ���Ñ����������O(sh��)Ӌ���՝u�������ѽ�(j��ng)���������Е��Ɖ��O(sh��)Ӌ���������뷨�ĸ��N������ADA ��Ҏ(gu��)�Ծ��Ǵ������֮һ��
���ı��sС�� 8 ��������������m���҂���ˮƽ���g������ʹ�Ü\��ɫ����������������e���@�s�������҂�ҕ���ܓp���L������(d��ng)�҂�ԇ�D�� Dribbble �cٝ�r���҂����Ա����@�N��r�����ڞ������_�l(f��)�a(ch��n)Ʒ�r���@����һ������(x��)�T��Web ��(n��i)�ݿ��L����ָ�ϣ�WCAG��Ҫ�ȶ����ٞ� 4.5:1��߀��ᘌ��\�ӡ� �X���J(r��n)֪�ϵK��ָ����
1. ʹ�ÿհ�
Ҳ�����f��������ɂ���ȫ��ͬ��Ԫ�ر˴˿��úܽ����Ño�������Ă�Ԫ���� ����Ҫ�� Ԫ�����@���Ǟ�ʲô�҂������f���Ȳ��H�H�nj���ͬ��ҕ�X�L(f��ng)��(y��ng)�õ�Ԫ�������������P(gu��n)��ʹ������ˇ�g(sh��)���@��������Еr����ʹԪ���γɌ�������Ҫ�ÿո�ָ�������
�������Ñ��p����x��(n��i)�ݺ���Ҫ����(d��ng)Ȼ�������̫��Ŀհ�?q��)�̫��ă?n��i)�����M(j��n)һ��С�^(q��)��r���հ��ܕ�������(d��ng)ʹ�����S���V���^��ľW(w��ng)վҲȱ�����Ŀհ��g��
2. �_���ı��͈D��֮�g�����Č��ȶ�
��������ڈD���ϵ��ı������Č��ȶȵ������ֺͱ���֮�g��(y��ng)ԓ�����Č��ȶ���Ҫʹ����ͻ����Ո�ڈD���Ϸ��Ì����^�V������ɫ��һ�N���е��ɫ������Ҳ����ʹ���������ɫ����������ϴ�����
��һ�N�x���Ǐ�һ�_ʼ��ʹ�Ì��ȈD�������@�N��r��������Ԍ�����������Ƭ��D��İ���֮����
��(d��ng)����Ҫͨ�^С��̖���_(d��)���x��Ҫ�f�������r���D��(bi��o)�dz����á�����Ҳ�ǬF(xi��n)������Ļ����M�ɲ��������������Ƅ��O(sh��)������
�ڑ�(y��ng)�ó��������D��(bi��o)ͨ���ஔ(d��ng)�ڰ��o�����Կ��� Instagram����ֻ�������D��(bi��o)���ı���
�@���Ǟ�ʲô�x�����_��ҕ�X�D���Ԍ���(y��ng)Ԫ�صĺ��x�dz���Ҫ�� �����ܺ����������������ҵ����m�ĈD��(bi��o)�dz�ʹ�������@�����ҽ�B�@һ�c��ԭ����
����Ҫʹ��ÿ���˶���������ĘO�了�κͳ�Ҋ�ĈD����v��������������Ҫ���@Щ�D��(bi��o)�c UI �����w�L(f��ng)����ƥ����Ȼ��������Ҫ�������� SVG ��ʽ�ṩ�o�_�l(f��)�ˆT��
Ҳ�S���ѽ�(j��ng)�����^���M�D��(bi��o)����(d��ng)��ÿ��Ԫ���ҵ�һ��Ư���ĈD��r��������d�^�������������˴�֮�g�Ƕ�ô�����Č���(y��ng)����������ÿ�����������ɱ���������֪�ι������x��ĈD��(bi��o)�������wӡ����X�ஔ(d��ng)��y�Ͳ���������ô�ܱ����@�N��y���@����һ�ݺ��̵���ι��ㅢ����
- ���� ���� �{(di��o)����С�����ЈD��(bi��o)�ľ�������(y��ng)ԓ�������t���Ñ������@������e��
- �ǰ돽 ���� ����D��(bi��o)����һЩ�����Π���Ո���^�㼯����ÿ���D��(bi��o)�Ľǰ돽�������ͬ�ĈD��(bi��o)��һ��������ޏ�(f��)����
- ��ñ�Π����݆���D��(bi��o)������ �������Ǿ��λ�A����
- ���B���Π����݆���D��(bi��o)������ �������Ǿ��λ�A����
�_�������쾚���Ñ����ܲ����eע���ͬ�ľ�����A�ǰ돽���M����������wӡ��߀�Ǖ����e���Ñ������X����
�Q��Ԓ�f���mȻʹ�����M�D��(bi��o)�]���e����ʹ�����M�D��(bi��o)��ʹ�Ŀ�����������r��������ijЩ��r�����@�ò�̫���I(y��)��������߀���S�����M�D��(bi��o)�ɱ��˂������R�e����ʲô�������ѽ�(j��ng)����������ʹ�����κεط���
�@���Ǟ�ʲô�ҵĽ��h�LJ�(y��n)���x�����M�D��(bi��o)�����߸��õ��������Լ�ȥ�O(sh��)Ӌ�D��(bi��o)���Զ��x�D��(bi��o)ʼ�K�ṩԽ���w���
�ǵ���������r�����@�ڮ�(d��ng)�����粻��(y��ng)�ٳɞ醖�}���҂���֪�������(sh��)�Ñ���Ƅ��O(sh��)���L�� Web ����(w��)�����ҵ������S���O(sh��)Ӌ����Ȼ�A������ӛ�@һ���������߿����ǿ͑����뻨�X�턓(chu��ng)���ƄӃ�(y��u)�����O(sh��)Ӌ����
Ȼ���������O(sh��)Ӌ���I(y��)��ʿ���f������(y��ng)ԓ���F(xi��n)��ᘌ������O(sh��)���M(j��n)�Ѓ�(y��u)���Ć��}���ڄ�(chu��ng)�� UI �r����(y��ng)ԓʼ�K��ӛ�V��ٝ�u�� ���ƄӶ˃�(y��u)�ȡ� ������
��ע��ÿ�N��͵��Ñ���ÿ������Ͽ����ă�(n��i)�ݡ�Ȼ���������Լ��������x��������@ʾ���ض���(n��i)�ݵ� UI �ؼ��Ƿ�����
������x��һ���ܺõ� UI Ԫ�����������������O(sh��)���������\���������������֙C�Ñ���f���Ǻܺ������෴��Ȼ���@���Ǟ�ʲôʼ�K��ӛ��횞鮔(d��ng)���O(sh��)Ӌ�ĸ��N�O(sh��)�����Ҫ��ԭ����
1. �|�^(q��)��̫С
С���|���^(q��)�����˾چ������������ʹ�Ñ��y�����������Ҫ�IJ������҂�����(j��ng)�v�^�������֙C���c���e�`���o�����ò��ȴ����d�e�`��Ļ�Ĵ씡����
��������O(sh��)Ӌ���c��Ԫ�ؕr��Ոӛס���Ñ���䲻ͬ��С����ָ�|�^(q��)��
- ӛס����ʳָ��ƽ�����Ȟ� 1.6 �� 2 �������Ķ���(chu��ng)����ָ�Ѻõ�Ŀ��(bi��o)��
- ����|��Ŀ��(bi��o)������ 45-57 ���،����@���� �Ñ��ṩ���Ŀ��g�����Ŀ��(bi��o)��������?f��)?d��n)�Ĝ�(zh��n)�_����
�Г�(d��n)�������О����(d��o)�µķ���؟(z��)����
��վ�Й�(qu��n)������h���Р��h�uՓ��
���c���uՓ���������ѽ�(j��ng)��x������
�����l����