■Web制作系のデザイン▼コーポーレートサイトの例2年前のデータ。)・リンク先もコメント・使用しているGoogleフォントの指示(リンクも張ってあげる)・使用画像は参考に。・タブレットの指示(あってもなくてもいいかな)・スマホ→展開したハンバーガーメニューも作る・ローカルスタイル・使う色・テキストを登録できる。・シャドウ・エフェクトを登録する人もいる。・日本語フォントと英語フォントは階層分けしとく。・Web制作だとあまりしない・プロトタイプのアニメーションはキリがない・コンポーネント・共通のパーツなもの・親を作っておいて、コピーを実デザインに使う。・ヘッダーとかフッターに使うとよい・子だけ変えることもできる。・コンポーネント・没案も削除しない(あとから復活もありえる)・3ページ以上になったらコンポーネント化する・オートレイアウト・自動で調整してくれる・グループしてからオートレイアウト・オートレイアウトのなかにオートレイアウト※背景にクリック範囲をコンテナで作っている。※設定したら名前を変えるのを忘れずに。・Variantsを駆使している。・システムのUI設計ではやっておく。・devモード(閲覧権限みたいなもの)・デザイン終わったら「開発準備完了」にする■コーダーへの配慮・気を付けていること・余白をスペースで代用しない。(テーブルにありがち)・微妙な色の違いを透過で表現しない・背景によるので、コーディング時に同じ色を出せない・パススルーも使わない・フレームに頼らず画像のマスクをする・width,heightの指定に時間がかかる・行間にpx指定しない・都度計算する工数がかかる・リストなどを改行でつくる(1個1個分ける)■まとめ・最低限、使用したフォントやカラーコードをまとめる・具体的な指示があれば参考サイトのURLや該当箇所のスクリーンショットなどを添える・サイトの動きをイメージしてもらいたかったらプロトタイプも設定してみる。・効率よく変更に強いデザインを作るならオートレイアウトやVariants、コンポーネントを使ってみる。・同じデザインでも、データの作り方を工夫するだけでコーダーが喜び、良好な関係値を作れる。■Q&A・コンポーネントとvariantsの違いがわからない。→コンポーネントのバリエーション違い・デザインを共有した後、修正過程が見られてしまうのは。→コピーしたファイルをお客さんに共有する。・コーダーさんにファイルを渡すときに画像の書き出し等はどうしているのか。→コーダーさんに任せている。2012年02月12日お友達に誘われて、猫御殿に行ってきました。朝ご飯用にカップラーメン買っておいたけど、箸を付けてくれてないことに気づいて、しょうがないから、駅のマックで朝マック。2012年04月13日(金)静岡で行われるUXのワークショップに参加することにしましたが、ただ静岡に行ってワークショップを受けて帰ってくるだけではもったいないので、ついでに観光などをしてみようかと計画を立てました。お腹すいたのでてんやでお持ち帰りして部屋で朝ご飯。あいにくの雨なので、ファミマで傘をかう、711円。恒例となりましたXデザインフォーラム、今回の会場はYahoo!さんとのことで、最寄駅から北千住を経由して永田町まで。スーツで行こうかとも思ったが、お話だけなので私服で行く。この会社は面接に私服がOKらしく、就職活動している学生にも私服の人がいる。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。2024年11月02日7NOWを使ってみた。2024年11月02日7NOWを使ってみた。隣り合わせの灰と青春.メニューホームわたしのことお問い合わせホーム検索トップサイドバータイトルとURLをコピーしました。