音楽の好みはお父さんが車で流してたCDで決まるという話「影響受けまくってる」zyefu @syouwabandori @63cities 成る程、うちは更に 子供が小さい頃から、車でボカロ ニコニコ動画曲を流して来た結果… うちの娘の最新オタ曲プレイリストの完成である 2021-12-12 20:18:00
ミスが少ないweb制作会社を目指して～実践している16の取り組み | knowledge / baigie
web制作の仕事は、ミスとの戦いでもあります。 ベイジは数あるweb制作会社の中でも、比較的ミスが少ない方だとは思います。しかしそれでもゼロにはなりません。プロジェクトによっては、単純なミスを多く発生させてしまうことも未だにあります。 便利なツールは沢山存在しますが、人が手を動かし、目視で確認する部分はまだまだ多く残っています。機械化できないそうした箇所で、ヒューマンエラーが起こります。 やっかいなのは、自覚症状がないミスが多いことです。認識違いに起因する場合、本人では正誤の判断ができません。見れば分かる単純ミスも、根底にあるのは認知バイアスであり、それを自ら検出することは難しいものです。 だからといって、「チェックを増やす」「管理シートを作る」と確認工程を増やしていくと、労働生産性はどんどん悪化します。それはやがてコストパフォーマンスの低さ、競争力の低下に繋がっていきます。 「ミスを絶対
やってはいけないUIアニメーション
ここの画面ではメインボタンの「START」を目立たせたいのですが、右上のボタンに目がいってしまいます。 右上に目がいってしまうのは、最後に動く箇所に視線が移動するので不必要に右上に視線が誘導されます。 他にもコントラストや動き量がメインボタンよりも大きく変化しているため、いやでも目についてしまいます。 不必要に待たせている 最後に動かすところに視線が行きますが、視線をメインボタンに向けさせようと最後のアニメーションを長くしてしまった結果、ユーザーがアニメーションによって待たされている状態になってしまいました。 メインボタンはすぐに押してゲームを遊べることが大切になるので、最後にボタンを大きく動かして目立たせてもユーザーは早く押させて欲しいと思ってしまうので、アニメーションは短くサッと出して上げてユーザーが気持ちよく行動できるといいですね。 動き過ぎ、優先順位が曖昧 全てが動き過ぎてしまい、
フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと｜Pittan｜note
フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか（前置きなので次の章まで飛ばしてOKです） デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう？」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか？」と質問するのが何か新しい画面を作るときに必ず発生していました。 「（いつも聞いてる
SlackのUXライティングの考え方｜ふじけん / kenshir0f
2020年1月に行われた Design Matters Tokyo のセッションでUXライティングについて学んだので記事にまとめます。 Slack社でUXライティングに取り組んでいるアンドリューさんのお話で、実際にUXライティングするワークショップも体験したので共有したいと思います。 Slack社のアンドリューさん UXライティングとはUXライティングとは、ソフトウェアやインターフェースを言葉で対話可能にすることを目的としたコピーです。 ユーザーの行動フローを理解し、専門用語を使わずに対話できるインターフェースを設計する職種のことを「UXライター」と呼んでいますが、まだまだ新しく誕生した職種のためいろいろと模索しているとのことです。 特にSlackでは人とのつながりの構築を意識してUXライティングに取り組んでいて、 どうやったら人と繋がれるのか。 どうやったら言葉で人と寄り添えるのか。 ど
日本4都市でBacklog勉強会を“自主開催” 岡山の老舗企業「両備システムズ」が成功した業務管理の一元化とBacklogを浸透させる取り組みとは | Backlogブログ
創業54年超え岡山県の老舗企業「両備システムズ」は1300名以上の業務管理にBacklogを活用 ―両備システムズ様の事業概要について教えてください。 両備システムズは1965年に岡山県で創業したシステム開発会社です。行政、社会保障、医療分野の情報サービス、ソフトウェア開発、ITアウトソーシング（IDCサービス）を行っております。2020年1月にグループ会社6社合併を予定しており、製造業、金融業、流通業、運輸・交通業向けの情報サービスも事業内容となります。 ―Backlogを組織内で利用している組織や事業部について教えてください。 両備システムズを含んだグループ会社8社でBacklogを導入しています。最も従業員数の多い両備システムズでも、すべての事業部門（6事業部）、管理部門、研究開発部門の業務管理の標準ツールとしてBacklogを使っています。現在1500名の社員がいますが、そのうちの
ペアデザインのススメ｜ゆこびん(佐久間にの）@ブロガーイラストレーターデザイナーiOSエンジニア
あろーあろー みなさま、クリスマス・イブですねっ。🎄🎅🎉 ピヨっ子デザイナーのみなさんはこんな悩みはありませんか？ 「デザイナーになったけど成長するにはどうすればいいんだろ〜？」 「デザイン系の本や記事を読みあさっているけど…ちゃんと自分の中に取り込めているかわからない〜」「実務ゴリゴリやっているけど、これ以上何をしたら…」 先輩デザイナーさんたちはこんな悩みはありませんか？ 「うちのデザイナーの子たちもちゃんと育ってはいるんだけれども、なんか最近伸び悩んでる？」「アドバイスはしてるけど、成果物をみると伝わってないみたい…」 そしてこんな悩みを持っているデザイナーさんはいませんか？ 「いつもドヤってデザイン出してるけど、このデザインで良いかな…ホントはちょっと自信ないよ〜」「もっと良いもの作りたいけどこれが自分では限界！」「デザイン作業って孤独…」 今日はそんな悩めるデザイナーさんた
デザインを「見る」訓練をしている話。4つのステップと勉強法｜せんざき｜n2p designer
どうもご無沙汰しておりますせんざきです。 最近、デザインを見る訓練をすごく重視してやっています。 このテーマは、タイトルだけ書いておいて、まだ書く時じゃないなあと思いながら温めていたものです。 正直まだ、書く時じゃないなあという感じもするのですが、どういうことなのか言語化できそうな段階まで来たので、メモがわりに書き起こしていこうと思います。 はじめにまず、「デザインを見る訓練ってなんやねん」っていう話をします。 本当にここ数ヶ月、デザイナーにとっての見る力の大切さを日々感じているんです。 このツイートは、見る力について書いていて、結構反響があったものです。 原研哉さんが運営してる低空飛行っていうサイトがあるんですけど、ここの写真や映像、iPhoneで撮ってるらしい、、 目が良ければiPhoneでもこんなに綺麗に撮れるんだなあhttps://t.co/S7WBO3JSG8 pic.twitt
[デザインが苦手なウェブディレクター向け] これだけ覚えればデザイナーに指示できる！アートディレクション15の定番パターン｜金 成奎
[デザインが苦手なウェブディレクター向け] これだけ覚えればデザイナーに指示できる！アートディレクション15の定番パターン ウェブデザイナーが作った成果物に対して、満足はしていないのだけどうまく言語化できなくてどうやって指示したらいいか分からない、あるいはクライアントからのフィードバックをどう咀嚼して伝えていいか分からない、結果的にデザイナーを上手くディレクションできていない.......。そんなお悩みをもったウェブディレクターいませんか？ ここでは実際のデザインを見た時に感じること・あるいはクライアントが指摘しがちなことについての「あるある」を、15の事例に集約してまとめてみました。デザイナーとコミュニケーションしてデザインをブラッシュアップする上での、ある種のアートディレクションの手引きとして活用してもらえればと思います。 1.「野暮ったい」と感じたら・言われたら。 「野暮ったい」とは
![[デザインが苦手なウェブディレクター向け] これだけ覚えればデザイナーに指示できる！アートディレクション15の定番パターン｜金 成奎](https://cdn-ak-scissors.b.st-hatena.com/image/square/0aa50796295af9d9e533b4f2f4683522dbc45cd4/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F13031716%2Frectangle_large_type_2_0cfda3162d1aa8bb9571cecf5ec1f1e0.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
Webサイトのメインビジュアルの構図を集めて分析してみた。｜ameko
初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった
chot.design - 毎日ちょっとずつデザインを学ぼう
毎日ちょっとずつ、デザインを学ぼう毎日ちょっとずつデザインを学ぼうIT/Web業界のデザイン学習サイト
XDでpsdやaiをリンクさせたい！CCライブラリを使った方法と注意点｜spicagraph｜note
はじめにみなさんXD使ってますか？XDって みたいなイメージありますよね。サービスやアプリのUIには便利そうだけど、例えば↓こんなデザインを作る場合、IllustratorやPhotoshopの方が向いていそうに見えます。なぜなら、 XDでデザインする場合、↓こんな風にPhotoshopで画像を補正して書き出して…Illustratorでアイコンを作成して書き出して…変更を繰り返すには、ちょっと手間です。 IllustratorやPhotoshopのように、psdやaiファイルをそのままリンクできたら…しかしXDにリンク機能はありません。「読み込み」をすると、オブジェクトとしてファイルの中身が読み込まれます。 しかし、CCライブラリを使うと、psdやaiをリンクするように、編集の呼び出しや変更内容の同期が素早く行えるようになります。 - CCライブラリとは？AdobeのCreativeCl
グラフィックデザイン上達へのアプローチ方法｜オオカワラ
グラフィックデザインが苦手。 私の会社の後輩デザイナーもそうだし、UI/UXからキャリアをはじめたジュニアデザイナーからよく聞く言葉です。 私は元々大学でグラフィックデザイン(正確にはコミュニケーションデザイン)を専攻しており、実務としても2年以上グラフィックデザイナーとして経験を積んでいるので言わばグラフィック上がりのUI/UXデザイナーです。そのためグラフィックデザインが苦手ということはありません。 UI/UXデザイナーであったとしても事業会社にいるとちょっとしたイベントのバナーやフライヤーを作ったり、資料の見栄えを良くしたりとグラフィックデザインのスキルが要求されることが多々あるかと思います。そんなときに苦しんでしまうようなデザイナーに向けてグラフィックデザインの上達へのアプローチ方法とトレーニング方法を今回はまとめてみました。 私が全くグラフィックデザインのスキルがなかった頃から今
仕事と給与と評価の関係
ベイジで新評価システムの運用を開始するにあたって作った、仕事と給与と評価の関係を説明した社内向けのスライドです。会社や経営者によって考え方は変わると思いますが、できるだけ分かりやすく、一般化してみました。何かの参考になれば幸いです。
これ便利すぎ！Adobe XDのおすすめ無料プラグイン20個まとめ
この記事では、Adobe XDにインストールしておくことで、デザイン制作をより快適にしてくれる無料プラグインをまとめてご紹介します。 実際にAdobe XDにインストール、使用してみて便利だったプラグインのみを厳選しています。プラグインを利用して、制作スピードを爆速にしてみませんか。 コンテンツ目次 1. プラグインが利用可能に 2. Adobe XDプラグインのインストール方法 3. Adobe XDプラグインの使い方 4. おすすめ無料プラグイン（デザイン効率化） 5. おすすめ無料プラグイン（コンテンツ生成） 6. おすすめ無料プラグイン（描画デザイン系） 7. おすすめ無料プラグイン（コラボレーション・ハンドオフ系） 8. ショートカット機能で作業効率をさらにアップ Adobe XDでプラグインが利用可能に Adobe XDは定期的にアップデートが行われており、昨年10月にリリース
新人デザイナーさんに伝えたい10のこと｜ふくだ
みなさん、こんにちは！ふくだです。 4月に入り、環境が変わった方も多いのではないでしょうか。 新しいスタートをきったみなさん、おめでとうございます！ 今回はそんな新しい環境にとびこんだ新人デザイナーさんに向けて「やっといたらいいんじゃないかなー！？」もしくは「やらんほうがいいんじゃないかなー！？」な10のことを送りたいと思います！ 私は独立するまでに2社経験し、グラフィックデザイナーとして従事してました。その経験をもとにまとめてみました。主には会社員デザイナーに向けてになりますが、フリーランスなりたてのデザイナーにとっても参考になる事柄もあります。 少しでもこれからの成長につながれば幸いです。 1.メモをとる新しい環境になると仕事場の多くのルールがあったり、複数の仕事が同時に進行します。中には「その場で頭に入れる」ことができる人もいますし訓練をすれば全てをメモしなくても整理できるようになり
デザインに何度も社内チェックを入れることの大切さ | ベイジの日報
うちの会社はデザインの社内チェックを非常に重視している。デザイナーが初案を作り上げてからクライアント提出までに一週間近くかかることも特に珍しいことではない。 一方、採用の応募者や他社の方とお話をすると、デザインの社内チェックをほとんど入れない会社もあるようである。つまり、デザイナーがデザインを仕上げたらディレクターがそのまま持っていく、というケースである。さらに、今まで色々なキャリアのデザイナーと話をしてきたが、この社内チェックについて、否定的な考えを持っている人も少なからずいるようである。 そのベースになっているのは、主に以下のような考えではないだろうか。 出してみないと分からないんだからさっさとクライアントに見せた方がいい。 クライアントに直接ダメ出しをされた方がデザイナーが育つ。 物事はバランスだと思うので、この見解を全否定するつもりはない。しかし、それでもうちの会社では、デザインの
観察とは何か？デザインにどう活きるのか？｜こばかな
こんにちは。THE GUILDのこばかなです。デザイナーとかをやっています。 10秒でわかるこの記事の内容先日こんなツイートをしたのですが、今回はこの話について詳しく書きました。 デッサンとは何か？たまにデザイナーの間で「美大に行く必要があるのか」「デッサンを学ぶ必要があるのか」という議論がされますが、個人的には「WEBやUI、UXデザイナーにとっては必要ない」と考えています。（グラフィックデザイナーやプロダクトデザイナーは学んでおいた方が便利だと思います） なぜならデッサンによって得られるものは「観察力」がメインであり、それを磨く方法は他にもあるからです。 行く必要がないと言いつつ、私は美大に行ったのですが、受験時代はほぼ毎日何時間もデッサンを描く生活を3年ほど続けていました。 ▼浪人時代に描いたもの デッサンは一見すると「リアルな絵を描くこと」を目的にしてるように思えますが、経験者の一
折れ線のパスをなめらかにするスクリプト「TAWAMI」｜イラレ｜ぼんぷろぐ
新しいブログに引っ越しました。 こちらのブログはもう更新しませんが、コメント欄は生きてますので疑問、ご指摘などありましたらどうぞ。 折れ線パスを選択して実行すると、いい感じになめらかにしてくれるIllustrator用スクリプトです。 アンカーポイントはいっさい動かしたり、増やしたり、減らしたりしません。アンカーポイント同士がなめらかな曲線で結ばれるようなベジェ曲線の制御点（ハンドルの端点）を求めるというものです。言い換えればアンカーポイントを打った場所は必ず通るので、トレス作業などに向いてるかもしれません。 使い方 ①スクリプトを実行すると下図のようなパネルが出ます。 ②パスを１つ選択して「そい」ってやるとなめらかになります。 ※パスの複数選択、複合パスにはまだ対応してません 「角にする」について 0～180の角度を設定できます。 線分で結んだ場合の各アンカーポイントでの角度が指定した角
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://2ndidea.com/svg/svg-path-drawing-animation-even-ie/
