週刊Webテク通信
2014年3月第3週号 1位は,IllustratorでWebデザインする際の時短テクニック,気になるネタは,意図不明の偽アプリ続出,マツキヨもピザーラも
ネットで見かけたWebテク
1. Speed Design with Illustrator. 14 tips to create interfaces in minuteshttp:// www. designsprint. net/
Adobe Illustratorでインターフェイスをデザインするテクニックを紹介しています。Illustratorを使ってスピーディーにWebデザインを行うためのヒントが豊富です。
- テキストに合わせて大きさが可変するボタン
- 段落スタイルの利用
- グローバルスウォッチでカラーを一括変換
- シンボルを利用したユニット式のデザイン
- アイコンフォントのアイコンを字形パネルで選択
- CSSフレームワークのカラム分けをグリッドで用意しておく
- グリッドにスナップ
(吸着) するように設定 - アートボードを使い複数のページを1つのドキュメントで管理する
- 9スライスを使ってリサイズ時にオブジェクトが崩れないようにする
- 画像のマスクはIllustrator上で
- テンプレートを用意しておく
- ボタンやメニューなどのグラフィックスタイルを用意しておく
- テキストの回りこみ
- 角の形状を個別に指定可能
(Illustrator CCから)
といった各項目について,
ポイントを日本語に要約した記事もありました。
2. DB Freebies Design Resources from Behance and Dribbblehttp:// dbfreebies. co/
DribbbleとBehanceからフリー素材を探せるサイトです。
クリエイターのポートフォリオ&ソーシャルメディアであるDribbbleとBehanceに掲載された作品から,
3. HTML5 Cross Browser Polyfills ・ Modernizr/ Modernizr Wikihttps:// github. com/ Modernizr/ Modernizr/ wiki/ HTML5-Cross-Browser-Polyfills
HTML5の新要素やAPIについて,
Polyfillsとは,
4. 25 Examples of Modern Minimal Web Designhttp:// speckyboy. com/ 2014/ 03/ 14/ modern-minimal-web-design/
ミニマルなWebデザインのギャラリーです。
見た目はシンプルながらも,
5. Sign In / Login UI Designs | Inspiration | Graphic Design Junctionhttp:// graphicdesignjunction. com/ 2014/ 03/ sign-in-login-app-ui-designs/
モバイルアプリのサインイン/
Dribbbleに投稿されているコンセプトデザインをまとめたもので,
そのほか,
- Google Docs用アドオンストアがオープン,
表計算や文書作成に新機能を追加可能に - Engadget Japanese
Google ドキュメントにもアドオンストアが登場しました - 新しい Google Maps Embed API が公開,
埋め込み地図のカスタマイズが簡単に | WWW WATCH
埋め込みコード生成用のページも用意されています - Chromecastが日本にも上陸か,
Google 「数週間以内により多くの国々で発売」 と明かす | アプリオ
アプリが日本語化され,日本での販売が近いと予想されています
先週の気になるWebサービス
12 Best Bootstrap Design Toolshttp:// inspiretrends. com/ 12-best-bootstrap-design-tools/
今回は,
Bootstrap Designerは有料のツールで,
また,
わたしはフロントエンドフレームワークではBootstrap派ではなくFoundation派なのですが,
今週の気になるWebネタ
意図不明の偽アプリ続出, マツキヨもピザーラも : ニュース : ネット&デジタル : YOMIURI ONLINE (読売新聞) http:// www. yomiuri. co. jp/ net/ news0/ national/ 20140316-OYT1T00008. htm
「ピザーラ」
新たなサービスが流行るたびに偽物・
なお,
バックナンバー
週刊Webテク通信
- 2014年3月第4週号 1位は,ブラウザの「戻るボタン」が効かない4つのデザインパターン,気になるネタは,Twitter公式をかたるスパムツイートに注意 8周年に便乗 公式が警鐘
- 2014年3月第3週号 1位は,IllustratorでWebデザインする際の時短テクニック,気になるネタは,意図不明の偽アプリ続出,マツキヨもピザーラも
- 2014年3月第2週号 1位は,Webデザイナーのためのデザイン素材や情報源のまとめ,気になるネタは,Gunosyアプリが大幅アップデート!
- 2014年3月第1週号 1位は,レスポンシブなWebデザインに対応するための4つの戦略,気になるネタは,LINEがスタンプをオープン化,ユーザーのオリジナル作品が販売可能に
関連記事
- 2020年11月第2週号 1位は,Google新アイコンの区別の付きにくさを改善する試み,気になるネタは,自撮り画像を他人が撮ったように変換する技術「Unselfie」 Adobeなど開発
- 2020年7月第5週号 1位は,2020年のUIデザインのトレンド,気になるネタは,テレビ会議でのプレゼン映像をかっこよくする仮想カメラアプリ「mmhmm」登場
- 2020年7月第4週号 1位は,JavaScriptを使ったハンバーガーメニューの代替3案,気になるネタは,G Suite向けGmailがChat,Meet,Roomを統合
- 2020年7月第1週号 1位は,カード型UIをデザインするためのヒント,気になるネタは,モバイル版「Googleフォト」大幅刷新 検索しやすく,マップ連携表示が可能に
- 2020年6月第4週号 1位は,タイポグラフィのトレンド7つ,気になるネタは,Twitterが音声ツイートのテストをiOSで開始,最大140秒を録音可能