PHPカンファレンス 2021 1週間前イベント 〜 帰ってきたPHP勉強会@東京 の発表資料です。 https://phpcon.connpass.com/event/224128/
こんにちわ!最近はフロント開発も担当させていただいてます、Yamamotoです。 今回はエンジニアがデザインを学ぶべく、100のWebサイトのデザイントレースをして、学んだことをまとめてみました。 エンジニアまたは未経験だけど、Webデザインにも興味があるという方の、何かのきっかけになれば幸いです。 目次 なぜ Webデザインを学ぼうと思ったのか デザイントレースについて 100トレースして学んだこと なぜWebデザインを学ぼうと思ったのか ざっくりですが、実務を行いながら以下のように思うことがありました。 細部のデザイン指示がなく、開発の手が止まってしまう どう実装するか目線の発想・提案しか浮かばない 綺麗なコードだけではなく、視野を広げてより良いものを作りたい などなど... デザイナーとエンジニアの業務は差別化されてはいますが、互いに近接し交わる部分も多くあります。そんな中で、業務効
いちばん詳しい Sketch / XD / Figma / Studio の比較 〜1. 導入と背景知識 平田です。普段は個人のブログに記事を書いているので、ちゃんとしたnoteを書くのはこれが初めてです。 Sketch, Adobe XD, Figma, InVision Studio について徹底的に比較を行ったので、知見をまとめたいと思います。量がかなり多いので、いくつかの記事に分けて紹介します。 1. 導入と背景知識 ◀イマココ 2. 基本項目の比較 3. デザイン機能比較 4. シンボルとスタイル 5. プロトタイピングとコラボレーション 6. まとめ 今回はこの連載記事の導入と、各ツールを比較する上での背景的な情報をまとめます。 概要## この記事に含まれる内容 🙆♀️ - Sketch, Xd, Figma, Studio の選定基準 - Sketch, Xd, F
Adobe MAX 2018が開催され、Adobe Senseiをはじめ、XD, Photoshop, Illustrator CC 2019にさまざまな新機能が実装されました。 今回のアップデートは「ワークフロー効率化」が主で、各ソフトウェア単体だけでなく、連携しての生産性も向上させる機能が満載です。 Adobe Sensei Adobe Senseiベースの生産性を向上させる機能は、CC 2019でもかなり追加されています。数多くあるのですが、主なものをピックアップします。 Photoshop CCの「コンテンツに応じた塗りつぶし」で、適用するコンテンツのより精密なコントロールが可能に。 Illustrator CCのフリーグラデーションで、より自然なグラデーションを生成。 InDesign CCの「内容を自動認識に応じて合わせる」で、画像の内容を検出してサイズに合わせた切り抜きを自動
先日参加してきた Adobe MAX 2017 in Las Vegas のハンズオンセッション「FAIL FAST TO SUCCEED SOONER」で、少し変わったXDの活用法が紹介されていました。 Adobe XDのProduct Manager・Demian Borbaが紹介したのは、デザインシンキング(Design Thinking)プロセスでの Adobe XD活用法でした。とは言っても、 「XDを使うことでデザインシンキングがより活発になります」 ・・・というものではなく、 「既存の付せんを使ったプロセス、ムードボード作成もXDでできますよ」 「ドキュメント化するとき、XDを使うとスムーズにできますよ」 という感じです。Adobe XD もこんな使い方あるんだ!くらいの気軽さで読んでいただければと思います。 0. 下準備 Adobe XD で新規アートボードを作成します。サ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く